<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body, button, input, select, textarea{font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft YaHei",sans-serif;}
ul, li { list-style: none;}
h1, h2, h3, h4, h5, h6,p{margin:0;padding:0}
a{color: rgb(143,145,146);color:rgba(32,36,37,0.50);text-decoration: none;}
a:active, a:hover { text-decoration: none; }
.clear { display:block; overflow:hidden; clear:both; height:0; line-height:0; font-size:0}
.clearfix {  *zoom:1;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden}
* html .clearfix { height: 1%}
html{overflow-y: scroll;}
body.fixed{overflow-y: hidden;}
/* ::-webkit-scrollbar{width: 0;height: 0;color: transparent;} */
body{color:rgb(143,145,146);color:rgba(32,36,37,0.50);font-size: 14px;}
.ac{text-align: center;}
.ar{text-align: right;}
.al{text-align: left;}
.fl{float: left;}
.fr{float: right;}
h1{font-size:60px;}
h2{font-size:40px;}
h3{font-size:30px;}
.mt10{margin-top:10px;}
.mt15{margin-top:40px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt36{margin-top:36px;}
.mt37{margin-top:37px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.mt100{margin-top:100px;}
.mt150{margin-top:150px;}
.mb20{margin-bottom:20px;}
.mb120{margin-bottom:120px;}
.ml20{margin-left: 20px;}
.ml40{margin-left: 40px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr80{margin-right: 80px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mlr15{margin-right: 15px;margin-left: 15px;}
.img-responsive{display: block;max-width: 100%;height: auto;}
.img-responsive-inline{display: inline-block;max-width: 100%;height: auto;}
.bt{border-top: 1px solid rgb(221,222,222);border-top: 1px solid rgba(32,36,37,0.15);}
.lh1{line-height: 1;}
.lh20{line-height: 20px;}
.lh30{line-height:30px;}
.lh40{line-height:40px;}
.lh70{line-height:70px;}
.lh80{line-height:80px;}
.icfont{font-size: 30px;display: inline-block;vertical-align: top;}
.text-primary{color: #202425;}
.text-black{color: #202425;}
.text-white{color:#fff;}
.pd20{padding:20px;}
.pd100{padding: 100px;}
.pdr50{padding-right:50px;}
.pdr60{padding-right:60px;}
.pdr20{padding-right: 20px;}
.pdl20{padding-left: 20px;}
.pdlr20{padding-left: 20px;padding-right: 20px;}
.pdt100{padding-top:100px;}
.pdt80{padding-top:80px;}
.pdtb100{padding-top:100px;padding-bottom:100px;}
.f0{font-size:0;}
.f14{font-size:20px;color:#fff;}
.f18{font-size:18px;}
.f20{font-size: 20px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.f50{font-size:50px;}
.f60{font-size:60px;}
.f70{font-size:70px;}
.f80{font-size:80px;}
.f100{font-size:100px;}
.f100{font-size: 100px;line-height: 1;}
.fn{font-weight: normal}
.padding-null{padding: 0!important;}
.margin-null{margin: 0!important;}
.marginlr-null{margin-left: 0!important;margin-right: 0!important;}
.w90 {width: 90%;margin: 0 auto;max-width: 1600px;height: auto;}
.w840{width: 840px;margin-left:auto;margin-right: auto;}
.w1060{width: 1060px;margin-left:auto;margin-right: auto;}
.w1280{width: 1280px;margin-left:auto;margin-right: auto;}
.add{height:100%;overflow:hidden;}

.swiper-pagination-switch{display:inline-block;width:20px;height:2px;border-radius:4px;background:rgb(222,222,222);background:rgba(32,36,37,0.40);margin:0 7.5px;cursor: pointer;opacity: 1.0;filter:alpha(opacity=100);}
.swiper-visible-switch{background: #eee;}
.swiper-active-switch{background:#17d;opacity: 1;filter: alpha(opacity=100);}
.bg-gray{
	/* background: #F0F4F5; */
	width: 100%;
	height: 1500px;
	background: url('../assets/img/fbg1.jpg') no-repeat 100 100;
	}
.bg-black{background: #202425;}
.bg-blue{background: #17D;}
.bg-dgray{background: #e0e4e5;}
 

/*Ã§â€°Â¹Ã¦Â®Å&nbsp;Ã¥Â­â€”Ã¤Â½â€œ*/
@font-face {
  font-family: 'Impact';
  src: url('./fonts/impact-webfont.eot');
  src: url('./fonts/impact-webfont.eot?#iefix') format('embedded-opentype'),
  url('./fonts/impact-webfont.woff') format('woff'),
  url('./fonts/impact-webfont.ttf') format('truetype'),
  url('./fonts/impact-webfont.svg#BodoniSvtyTwoITCTT-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}


/*Common Style End*/
.img-logo{display: inline-block;width: 146px;height: 40px;background: url('../images/common/logo_w\ \(2\).png') 0 0 no-repeat;background-size: 100%;vertical-align: top;}
.navbar-inverse{min-height: inherit;text-align: center;}
.navbar-inverse .navbar-collapse{position: inherit;z-index: inherit;background:transparent;width: inherit;padding:0;}
.navbar-inverse .navbar-collapse .nav&gt;li,.navbar-inverse .navbar-collapse .nav&gt;li:first-child{border:none;}
.navbar-inverse .navbar-collapse .navbar-nav &gt; li &gt; a{font-size: 16px;line-height:40px;border-radius: 20px;text-align: center;padding:0 20px;box-sizing:border-box;color:#202425;background:none;}
.navbar-inverse .navbar-collapse .navbar-nav &gt; li.active &gt; a{color:#fff;background:#00cfa6;}
.navbar-inverse .navbar-collapse .navbar-nav &gt; li:hover &gt; a{background:#00cfa6;color:#fff;}
.solution-item .img-responsive-inline{max-width: 100%;}
.tcloudit-invester .img-responsive-inline {max-width: 100%;margin-left:0;}
.navbar&gt;.container-fluid .navbar-brand{margin-left:0;}

/* .navbar-inverse .navbar-nav &gt; li &gt; a:hover {background: rgba(255,255,255,0.10);} */
.navbar-inverse .navbar-nav &gt; li &gt; a:focus{ background: transparent;}
.navbar-inverse .container-fluid, .navbar-inverse .container { padding-top: 0px; padding-right: 0; padding-left: 0; }
.container-fluid &gt; .navbar-collapse, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container &gt; .navbar-header { margin: 0; padding: 0; }
.navbar-inverse .navbar-nav &gt; .active &gt; a, .navbar-inverse .navbar-nav &gt; .active &gt; a:focus, .navbar-inverse .navbar-nav &gt; .active &gt; a:hover { background:transparent;}
.navbar-nav { margin: 0; padding: 0;float: right;overflow: visible;height: auto;}
.navbar-nav&gt;li{margin-left: 10px;}
.navbar-nav&gt;li:first-child{margin-left: 0;}
.navbar-inverse .navbar-collapse .navbar-nav &gt; li{margin-bottom: 0;padding:10px 0;float:left;position:inherit;}
.navbar-inverse .navbar-collapse .navbar-nav &gt; li.open&gt;a{color:#fff;background:#00cfa6;}
.navbar-inverse .navbar-nav &gt; li &gt; a:hover {background:#00cfa6;}
.navbar-inverse .navbar-nav &gt; li &gt; a:focus{ background:transparent;}
.navbar-inverse .container-fluid, .navbar-inverse .container { padding-top: 0px; padding-right: 0; padding-left: 0; }
.container-fluid &gt; .navbar-collapse, .container-fluid &gt; .navbar-header, .container &gt; .navbar-collapse, .container &gt; .navbar-header { margin: 0; padding: 0; }
.container-fluid &gt; .navbar-header{position: absolute;}
.navbar-inverse .navbar-nav &gt; .active &gt; a, .navbar-inverse .navbar-nav &gt; .active &gt; a:focus, .navbar-inverse .navbar-nav &gt; .active &gt; a:hover {
border-radius: 20px; position: relative;background:#00cfa6;}
.navbar-inverse .navbar-nav .ic_arrow_down{font-size:24px;margin:8px 0 0 8px;}
.navbar-inverse .navbar-nav .line{ display: none;}
.navbar-inverse .navbar-nav .active .line,.navbar-nav &gt; li &gt; a:hover .line{display: block;width: 20px;height: 2px;background: #fff;position: absolute;bottom: 0;left:30px;}
.navbar-inverse .navbar-collapse{display:block;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: 0;padding:0 20px;}
.navbar.bg-color { background-color: #00cfa6; background-image: -webkit-linear-gradient(315deg, #00cfa6 0%, #33ccaa 100%); background-image: linear-gradient(135deg, #00cfa6 0%, #33ccaa 100%); }
.navbar-inverse.top-bg { background-color: #00cfa6; background-image: -webkit-linear-gradient(315deg, #00cfa6 0%, #33ccaa 100%); background-image: linear-gradient(135deg, #00cfa6 0%, #33ccaa 100%); }
.navbar-inverse { background:none; border: none;margin-bottom: 0; z-index: 2;width:100%;}
.navbar-inverse.bg-gray{ background:#f0f4f5;}
.navbar&gt;.container-fluid .navbar-brand {margin-left:0;}
.navbar-brand { height: 40px; padding: 0;}
.navbar-inverse .navbar-toggle { border:none;display:none;margin-top:18px;}
.navbar-inverse .navbar-toggle:hover { background: #999; }
.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff;}
.no-bg .navbar-inverse .navbar-toggle .icon-bar{background-color: #000;}
.no-bg .navbar-inverse .navbar-nav &gt; li &gt; a{color:rgba(0,0,0,0.50);}
.no-bg .navbar-inverse .navbar-nav &gt; li.active &gt; a{background: transparent;color: #000;}
.navbar-toggle .icon-bar{width: 30px;height: 3px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{background-color:transparent;}
.navbar-nav &gt; li &gt; a { padding-top: 10px; padding-bottom: 10px; min-width:80px; text-align: center;}
.sub-menu{width: 100%;box-sizing: border-box;position: absolute;top:80px;left: 0;z-index: 1;display: none;overflow: auto;}
.sub-menu .sub-item{line-height: 60px;text-align:left;padding:0 40px;}
.sub-menu .sub-item:first-child{border-top:none;}
.sub-menu .sub-item a{font-size: 16px;color: #fff;padding:0;border-top:1px solid rgba(255,255,255,0.50);display:block;line-height:60px;}
.sub-menu .sub-item:first-child a{border-top:none;}
/* .navbar-inverse .navbar-collapse .navbar-nav &gt; li:hover .sub-menu{ display: block;} */
.navbar-inverse .navbar-toggle.fixed{position: fixed;right: 0;top: 0;z-index:100;padding:0.416667rem 0.277778rem;background: #08e;border-radius: 0 0 0 4px;}
.bg-news-detail .navbar-inverse .navbar-toggle.fixed .icon-bar{background: #fff;}
.btn-nav-close{display: none;}
.btn-nav-close .icfont{color: #fff;}
.btn-menuclose{position: absolute;top: 20px;right: 20px}
.btn-menuclose .ic_close{font-size:30px;background:#17d;border-radius:50%;color:#fff;}


/* Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬ */
.contact{line-height: 20px;}
.contact .f18{font-size: 18px;}
.contact .telephone p+p{margin-top: 10px;}
.contact .address .add{width: 65%;line-height: 27px;}
.contact .wechart_code .item{width: 60px;display: inline-block;word-spacing: normal;}
.contact .wechart_code .item p{line-height: 20px;height: 20px;white-space: nowrap;text-align: center;}
.contact .wechart_code .item img{width: 100%;height: 60px;margin-bottom: 10px;display: block;background: #eee;}
.contact .message-board{height: 350px;margin-bottom: 50px}
.contact .message-board .message-form ul li{margin-top: 10px;overflow: hidden;}
.contact .message-form .input-text{border:1px solid rgba(32,36,37,0.10);background: transparent; width: 100%;padding:6px 10px;font-size: 14px;height: 30px;vertical-align: top;color:rgba(32,36,37,0.50);}
.contact .message-form textarea.input-text{height:80px;resize: none;}
.contact .message-form .form-action{text-align: right;}
.contact .message-form .form-action .btn{display: inline-block;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;width:180px;height:40px;line-height:40px;font-size: 14px;float: right;color: #fff;background:#1177DD;}
.contact .message-form .form-action .btn:hover{background: #fff;color: #4393e3;}
.contact .friendship-link .row div{margin-top: 10px;white-space: nowrap;}
.msg-error{display:block;padding-top:20px;}
.message-form .msg-error{padding-top: 0; display: inline-block;vertical-align: top;}
.message-form .error {height: 40px;line-height: 40px;background: #e45;position: relative;padding: 0 20px;color: #fff;border-radius:20px;margin-right: 20px;}
.message-form .icon-alert{margin-right: 10px;margin-top:8px;}
.right-img-text-left .img-comp{float:right;}
.text-comp{padding-left: 0;padding-right: 0;}
.right-img-text-left .text-comp{padding-right: 0;padding-left: 0;}



/*Ã§â€Å¸Ã¦â‚¬ÂÃ¥Å“Ë†*/
.partner-section{padding-bottom: 80px;}
.partner-list .row{overflow: hidden;line-height: 0;}
.partner-list .row:after {content: ""; display: inline-block; overflow: hidden; width: 100%; vertical-align:top;height:0;}
.partner-item{display: inline-block;vertical-align: top;text-align: center;margin-bottom:20px;width:180px;height: 60px;background: transparent;float: left;}
.partner-item img{max-width: 100%;width:180px;height:60px;}
.product-list .name,.system-list .name{font-size: 30px;color: #202425;line-height: 1;}
.product-list .learn-more,.system-list .learn-more{font-size: 20px;line-height:30px;padding: 20px 100px 30px 0;color: #202425;display: inline-block;vertical-align: top;}
.product-list .brief,.system-list .brief{font-size: 16px;line-height: 24px;}
.product-list .feature-list li,.system-list .feature-list li{margin-right: 80px;}
.product-list .feature-list li.mr-null,.system-list .feature-list li.mr-null{margin-right: 0;}
.partner-list .bg-card{position: relative;z-index: 1;}
.bg-index .product-list .brief{height: 110px;}
.partner-list .col-xs-6,.partner-list .col-md-4,.partner-list .col-lg-3{padding-right:0;padding-left: 0;}


.swiper-container,.swiper-container2,.swiper-slide,.swiper-container3{overflow: hidden;}

.section .title{font-weight: bold;color: #000;line-height:0.833333rem}
.section .title.white{color: #fff;}
.sub-menu .sub-item .icfont{display:none;}

.case-section{background: #f0f4f5;}
.qualified-section{background: #404445;}
.partner-section{background: #404445;}
.news-section{background: #E0E4E5;}
/* .product-list .item{height: auto;box-sizing: border-box;padding: 0.572222rem 0.555556rem 1.088889rem 0.555556rem;} */
.product-list .item .ac img{margin-bottom: 0.555556rem;}
.product-list .item.s1{background: #D0D4D5;}
.product-list .item.s2{background: #E0E4E5;}
.system-list{background: #fff;}

.banner .control{height: 40px;margin-left: auto;margin-bottom: 0;font-size: 0.277778rem;line-height: 40px;color: #fff;position: relative;z-index: 1;bottom:60px;}
.banner .item .btn.green{background: #8866bb;}
.banner .item .btn.green:hover{background: #fff;color: #8866bb;}


.blue-banner.bg-index .page-top{background:#17d;}
.blue-banner .banner{background:#17d;}
.blue-banner .banner .btn{background: #4393e3;}
.blue-banner .banner .btn:hover{color: #4393e3;background: #fff;}

.violet-banner.bg-index .page-top{background:#75a;}
.violet-banner .banner{background:#75a;}
.violet-banner .banner .btn{background: #8866bb;}
.violet-banner .banner .btn:hover{color: #8866bb;background: #fff;}

.green-banner.bg-index .page-top{background:#2b7;}
.green-banner .banner{background:#2b7;}
.green-banner .banner .btn{background: #3c8;}
.green-banner .banner .btn:hover{color: #3c8;background: #fff;}
.btn-more{width:140px;height:40px;background:#e6f6f3;color:#13ab8b;font-size:16px;text-align:center;line-height:40px;border-radius:20px;display:inline-block;cursor: pointer;transition: all .5s;}


.btn-more:hover{
color: #fff; 
background-image: linear-gradient(to right, #06ba96, #39d28b, #66e782);
}
.btn-more.green{background:#00cfa6;margin-top:20px;}
.btn-more.green:hover{background:#06a082;}
.btn-w180{width: 180px;}
.sub-title{font-size: 60px;color: #202425;line-height: 80px;}

.bg-blue .sub-title,.bg-black .sub-title{color:#fff;}
.bg-black .news-list .tit{color: #fff;}

.banner{height:720px;background: url(../images/RevisionImg/bg_banner_h01.jpg) center bottom no-repeat;background-size:cover;}
.banner .item{width:1280px;}
.banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{width:100%;height:720px;position: relative;}
.banner .swiper-slide .pic{width:auto;height: 100%;position:absolute;bottom:0;left:50%;z-index: -1;}
.banner .swiper-slide .pic.pic2{width:auto;height: 80%;top:0;bottom:auto;}
.banner .swiper-slide .yxb-camera{margin-top:80px;}
.lizushandong{font-size: 40px;}
.banner .swiper-slide .yxb-camera p{font-size: 90px;line-height: 110px;color:#202425;}
.banner .swiper-slide .yxb-camera p br{display:none;}
.banner .swiper-slide .bot-item{margin-top:200px;line-height: 30px;color:#202425;display:inline-block;width:33.3333%;vertical-align: top}
.banner .swiper-slide .bot-item div{font-size:24px;}
.banner .swiper-slide .xczx .top{font-size: 50px;color: #202425;line-height: 70px;margin-top:150px;}
.banner .swiper-slide .xczx .top b{font-size: 60px;line-height: 106px;}
.banner .swiper-slide .xczx .bot .txt{font-size: 18px;line-height: 30px;padding-left:30px;color:#202425;position: relative;margin-bottom:10px;}
.banner .swiper-slide .xczx .bot .txt .point{width:10px;height:10px;position: absolute;top:10px;left:0;display: inline-block;background:#202425;border-radius:50%;}

/* Ã§â€ºÂ¸Ã¥â€¦Â³Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.related-cases{background: #202425;padding:100px 0 80px 0;}
.related-cases .hd .name{font-size: 60px;color: #fff;line-height: 80px;}
.news-list {width: 100%;height: auto;overflow: hidden;padding:0;}
.news-list li {width: calc(25% - 30px);float: left;margin-right:40px;margin-bottom:60px;vertical-align: top;overflow:hidden;}
.news-list li:nth-child(4n) {margin-right: 0;}
.news-list .pic{width: 100%;height: 193px;background: #eee;border-radius: 8px;}
.news-list .info{padding-top: 27px;}
.news-list .tit{font-size: 16px;line-height: 24px;color: rgba(32,36,37,0.60);height:48px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list .info .day{font-family: Impact;font-size: 30px;color: #202425;line-height: 30px;}
.news-list .info .date{font-size: 14px;color: #202425;line-height: 20px;}

  /* Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬ */
  .footer{padding:80px 100px 80px 100px;background: #e0e4e5;}
  .footer .cont{width:100%;margin-left:auto;margin-right:auto;}
  .footer .box{height:270px;margin-bottom: 50px;}
  .footer .box .telephone,.footer .box .address{display:inline-block;vertical-align:top;}
  .footer .box .telephone{width:500px;margin-right:40px;}
	.contact{line-height: 20px;}
	.contact .f18{font-size: 18px;}
	.contact .telephone p+p{margin-top: 20px;font-weight:bold;}
	.contact .address .add{width: auto;line-height: 20px;margin-top: 20px;}
	.contact .wechart_code .item{width: 80px;}
	.contact .wechart_code .item:first-child{margin-right:140px;}
	.contact .wechart_code .item p{line-height: 20px;height: 20px;font-size:18px;text-align: left}
	.contact .wechart_code .item img{width: 100%;height: 80px;margin-bottom: 10px;}
	.contact .message-board{height: 270px;margin-bottom: 50px}
	.contact .message-board .message-form ul li{margin-top: 10px;}
	.contact .message-form .input-text{width: 100%;padding:6px 10px;font-size: 14px;height: 30px;border-radius:8px;background:#fff;}
	.contact .message-form textarea.input-text{height:80px;}
	.contact .message-form .form-action .btn{width:180px;height:40px;line-height:40px;font-size: 14px;float: right;border-radius:20px;}
  .contact .friendship-link .row div{margin-top: 10px;}
  .footer .bot{border-top:1px solid rgba(32,36,37,0.10);}
	.message-form .msg-error{padding-top: 0; display: inline-block;vertical-align: top;}
	.message-form .error {height: 40px;line-height: 40px;background: #e45;position: relative;padding: 0 20px;color: #fff;border-radius:20px;margin-right: 20px;}
	.message-form .icon-alert{margin-right: 10px;margin-top:8px;}
  /*Ã¨Â¿â€Ã¥â€ºÅ¾Ã©Â¡Â¶Ã©Æ’Â¨*/
  .scrolltop {display:none;position:fixed;bottom:160px;right:20px;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight));height:48px;width:48px;cursor:pointer;background:#00cfa6;opacity:0.7; text-align:center;border:1px solid #00cfa6;border-radius:50%;}
  .scrolltop:hover {opacity: 1;}
  .scrolltop .icfont{color:#fff; font-size:48px; vertical-align:top;}

/* Ã¥Â®Â¢Ã¦Ë†Â·Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.picture-display.cc{padding-top: 40px;padding-bottom: 120px;font-size: 20px;background:#1177DD;color: #fff;}
.picture-display.cc .row&gt;div{height: auto;}
.picture-display.cc .f14{font-size: 14px;line-height: 20px;}
.picture-display.cc .row{height: auto;}
.picture-display.cc .left{top: 150px;}
.picture-display.cc .text{font-size: 20px;line-height: 20px;white-space: nowrap;}
.picture-display.cc .img-list{padding: 0;background: transparent;}
.picture-display.cc .img-list .item .tit{color: #fff;height: 30px;line-height: 30px;}
.picture-display.cc .more{line-height: 30px;float: left;color: #fff;font-size: 12px;}
.picture-display.cc .more .ico{display: inline-block;width: 30px;height: 30px;line-height: 30px;margin-right: 12px;vertical-align: middle;background-image: url('../images/ic_more_w.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;}


.information-list{padding: 100px 100px 50px 100px;background: #F0F4F5;position: relative;width: 100%;overflow: hidden;}
.information-list a:hover span{color: #4393e3;}
.information-list .f14{font-size: 14px;}
.information-list .name{font-size: 60px;line-height: 70px;margin-bottom: 50px;color: #202425;font-weight: bold;}
.information-list .box{min-height: 120px;}
.information-list&gt;.row&gt;div{margin-bottom: 50px;}
.information-list .right{width: 100px;height: 20px;right: -30px;top: 140px;font-size: 14px;line-height: 20px;position:absolute;transform: rotate(-270deg);color: #202425;white-space: nowrap;display: block;}
.information-list .right .icfont{font-size: 24px;line-height: 20px;}
.information-list .ico,.icon-more{display: inline-block;width: 30px;height: 30px;line-height: 30px;margin-right: 12px;vertical-align: middle;background-image: url('../images/ic_more.svg');background-repeat: no-repeat;background-size: cover;background-position: center center;}

.list-style .item{padding-bottom: 10px;}
.list-style .item+.item{padding-top: 10px;border-top: 1px solid rgba(32,36,37,0.10);}
.list-style .item .img{width: 90px;height: 60px;margin-right: 20px;display: block;overflow: hidden;float: left;}
.list-style .item .img img{width: 100%;height: 100%;transition: all 0.6s;}
.list-style .item:hover .img img{transform: scale(1.2);}
.list-style .item .row{white-space: nowrap;}
.list-style .item p{width: 90%;display: inline-block;height: 60px;text-overflow: ellipsis;overflow: hidden;vertical-align:middle;white-space: nowrap;line-height: 60px;}
.list-style .item .icfont{line-height:60px;}

/* Ã§Å½Â°Ã¤Â»Â£Ã¥â€&nbsp;Å“Ã¤Â¸Å¡Ã§Â¤ÂºÃ¨Å’Æ’Ã¥â€ºÂ­Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.theme{color: #fff;background: #1177DD;padding: 20px 100px 60px 100px;}
.theme .name{line-height: 120px;}
.theme .left{width: 320px;height: 20px;left: -140px;top:26%;font-size: 12px;letter-spacing: 12px;display: block;position: absolute;transform: rotate(-90deg);}

.img-list{padding: 100px 100px 90px 100px;position: relative;overflow: hidden;background: #F0F4F5;}
.img-list .row&gt;div{text-align: center;}
.img-list .item{width:320px;margin-top: 0;margin-bottom: 0;display: inline-block;text-align: left;}
.img-list .item .tit{overflow:hidden;height: auto;overflow: hidden;font-size: 14px;}
.img-list .item:hover .tit{color: #202425;}
.img-list .item:hover .text-primary{color: #000;}
.img-list .pic{float: none;width:320px;height: 200px;margin-right: 0;overflow: hidden;}
.img-list .pic img{width: 100%;height: 100%;transition: all 0.6s;}
.img-list .item:hover .pic img{transform: scale(1.2);}
.img-list .right{width: 100px;height: 20px;right: -30px;top: 140px;font-size: 14px;line-height: 20px;display: block;position:absolute;transform: rotate(-270deg);color: #202425;white-space: nowrap;display: block;}
.img-list .right .icfont{line-height: 20px;font-size: 24px;}
.img-list .btn{width: 320px;height: 60px;line-height: 60px;font-size: 20px;clear: both;display: inline-block;background: rgba(32,36,37,0.10);text-align: center;color: #202425;}
.img-list .btn:hover{color: #fff;background: #1177DD;}

/* Ã¥â€&nbsp;Å“Ã¤Â¸Å¡Ã§â€°Â©Ã¨Ââ€Ã§Â½â€˜Ã§â€ºâ€˜Ã¦Å½Â§Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.theme.msc .number{height: 80px;line-height: 60px;padding-bottom: 20px;margin: 20px 0;border-bottom: 1px solid #fff;}
.theme.msc .area{font-size: 20px;}
.theme.msc&gt;.row&gt;div{margin-bottom: 40px;white-space: nowrap;}

/* Ã¥â€&nbsp;Å“Ã¤ÂºÂ§Ã¥â€œÂÃ¥Â®â€°Ã¥â€¦Â¨Ã¦ÂºÂ¯Ã¦ÂºÂÃ¦Â¡Ë†Ã¤Â¾â€¹ */
.theme.tsc .number{font-size: 80px;line-height: 96px;height: 96px;}
.theme.tsc .img{height: 280px;background-image: url('../images/img_c023_head.png');background-repeat: no-repeat;background-position: right center;}

/* Ã¥â€&nbsp;Å“Ã¤Â¸Å¡Ã¦Â&nbsp;â€¡Ã¥â€¡â€&nbsp;Ã¥Å’â€“Ã§â€Å¸Ã¤ÂºÂ§Ã§Â³Â»Ã§Â»Å¸Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.theme.psc .img{height: auto;padding-bottom: 0;}

/* Ã§â„¢Â¾Ã¦Å¾Å“Ã¥â€ºÂ­ */
.img-list.bag .pic{position: relative;}
.img-list.bag .pic .ico{position: absolute;top: 0;right: 0;width: 110px;height: 110px;background-image: url(/images/bag-ico.png);background-repeat: no-repeat;background-size: 100%;}

/* Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ */
.theme.cd{height: 500px;}
.textInfo{width: 900px;margin: -410px auto 0px auto;padding: 50px 0 100px 0;background: #fff;}
.textInfo .news-detail{margin:0 auto;width:700px;}
.textInfo .news-detail video{max-width: 100%;}
.textInfo .news-detail .bshare-custom{display: inline-block;vertical-align: top;}
.textInfo .news-detail .bshare-custom .bshare-more{color: rgb(143,145,146) !important;color: rgba(32,36,37,0.50) !important;}
.textInfo .type{font-size: 20px;line-height: 30px;color: #202425;font-weight: bold;}
.textInfo .text{margin: 0.694444rem 0;}
.textInfo .text p{min-height: 20px;line-height: 20px;font-size: 14px;}
.textInfo .img{margin-bottom: 50px;}
.textInfo .img img{width: 100%;margin-bottom: 13px;}
.textInfo .news-detail img{max-width: 100%;height:auto;}
.textInfo .img p{font-size: 14px;text-align: center;}

.theme{color: #fff;background: #1177DD;padding: 20px 100px 60px 100px;}
.theme .name{line-height: 120px;}
.theme .left{width: 320px;height: 20px;left: -140px;top:26%;font-size: 12px;letter-spacing: 12px;position: absolute;transform: rotate(-90deg);}

/* Ã¦â€“Â°Ã©â€”Â»Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ */
.textInfo .time .no{height: 30px;line-height: 30px;font-size: 30px;color: #202425;font-family:Impact;}

  .page.details{background: #e0e4e5;}
	.page.details .img-logo{background:url(../images/common/logo_w.svg) 0 0 no-repeat;background-size: 100%;}
	.page.details .navbar-inverse .navbar-toggle .icon-bar{background-color: #fff;}
	.page.details .page-top{background: #17d;}
  .page.details .theme{background: #1177DD;}
  .page.details .navbar-inverse .navbar-collapse .navbar-nav &gt; li &gt; a{color:#fff;}
  .page.details .navbar-inverse .navbar-collapse .navbar-nav &gt; li.active &gt; a{background:#fff;color:#202425;}
  .page.details .navbar-inverse .navbar-collapse .navbar-nav &gt; li:hover &gt; a{background:#fff;color:#202425;}
  .page.details .navbar-inverse.bg-gray  .navbar-collapse .navbar-nav &gt; li &gt; a{color:#202425;}
  .page.details .navbar-inverse.bg-gray .navbar-collapse .navbar-nav &gt; li.active &gt; a{background:#17d;color:#fff;}
  .page.details .navbar-inverse.bg-gray .navbar-collapse .navbar-nav &gt; li:hover &gt; a{background:#17d;color:#fff;}


/* Ã©Â¦â€“Ã©Â¡Âµ Begin */
.overview .tit{font-size: 60px;line-height:80px;color: #202425;text-align: center;}
.overview .overview-list{height:360px;font-size:0;position: relative;}
.overview .overview-list .line{height:57px;width:auto;position: absolute;left:328px;top:235px;}
.overview .overview-list .line.line2{left:754px;transform: scaleX(-1);}
.overview .overview-list .overview-item{width:33.3333%;display:inline-block;text-align: center;}
.overview .overview-list .overview-item .pic{width:100%;}
.overview .overview-item .txt{font-size: 30px;line-height:30px;color:#202425;}
.overview .overview-item .txt1{font-size: 20px;line-height:30px;color:#202425;}
.overview .overview-bot{position: relative;height:340px;}
.overview .overview-bot .line{height:156px;width:auto;position: absolute;left:210px;top:0;}
.overview .overview-bot .line.line2{left:auto;right:210px;transform: scaleX(-1);}
.overview .overview-bot .overview-item{text-align: center;display:block;}
.overview .overview-bot .overview-bot-l,.overview .overview-bot .overview-bot-r{position: absolute;bottom: 20px}
.overview .overview-bot .overview-bot-l{left:0;transform: rotateY(180deg)}
.overview .overview-bot .overview-bot-r{right:0;}

/* Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€”Ã¨Â¡Â¨ */
.product-list .row.s1 {background:linear-gradient(to right,#fff 0,#fff 50%,#E0E4E5 50%,#E0E4E5 100%);}
.product-list .row.s2 {background:linear-gradient(to right,#E0E4E5 0,#E0E4E5 50%,#fff 50%,#fff 100%);}

.product-list .row{position: relative;overflow: hidden;}
.product-list .row .product-item .product-cont{width:540px;padding:100px 0;}
.product-item .product-item-text .hd .tit{font-size: 30px;line-height:20px;color: #202425;}
.product-item .product-item-text .hd .tit1{font-size: 20px;line-height:20px;color: #202425;}
.product-item .product-item-text .brief-introduce{font-size: 16px;line-height:20px;color: rgba(32,36,37,0.60);}

.product-item .technical-part .part-item .pic{width:60px;height:60px;}
.product-item .technical-part .part-item .cont{margin-left:100px;}
.product-item .technical-part .part-item .tit{font-size: 18px;line-height:30px;color: #202425;}
.product-item .technical-part .part-item .text{font-size: 14px;line-height:30px;color:rgba(32,36,37,0.60);}
.product-list .row.yc .product-item .technical-part .part-item .text{font-size: 12px;}

.product-item .product-item-img .hd .pic{width:20px;height:20px;margin-top:20px;}
.product-item .product-item-img .hd .text{font-size: 18px;color: #0E1213;line-height: 30px;}
.product-item .product-item-img .hd .text.txt-l{text-align: left}
.product-item .product-item-img .hd .text.txt-r{text-align: right}
.product-item .product-item-img .hd .text p{font-size: 14px;}
.product-item .product-item-img img{width:510px;}

.product-list .row.ylf .product-item-text .part-item .cont{margin-right:180px;}

/* Ã§Â¡Â¬Ã¤Â»Â¶Ã¦Â¨Â¡Ã¥Ââ€” */
.hardware{background:#f0f4f5;overflow: hidden;}
.hardware .hd{text-align:center;}
.hardware .advantage{height:180px;padding:20px 0;box-sizing: border-box;text-align: center}
.hardware .advantage .txt{font-size: 30px;line-height:40px;color: #00cfa6;}
.hardware .advantage .text{font-size: 16px;line-height:30px;color: #000;margin-top:10px;}
.hardware .advantage .advantage-item{width:25%;display:inline-block;vertical-align: top; border-left: 1px solid rgba(32,36,37,0.10);box-sizing:border-box;padding:2px;height:150px;}
.hardware .advantage .advantage-item:first-child{border-left: none;}
.hardware .product .product-item{display:inline-block;width:50%;padding:0 20px; text-align: center}
.hardware .product .product-item .tit{font-size: 30px;line-height:40px;color: #202425;}
.hardware .product .product-item .txt{font-size: 18px;line-height:20px;color: rgba(32,36,37,0.60);}
.hardware .product .product-item .btn-more{margin:60px auto;}

.section-case{background:#00cfa6;overflow: hidden;}
.section-case .tit{margin-bottom:70px;font-size: 40px;line-height:60px;color: #FFF;text-align: center}
.section-case .case-list .tit{font-size:60px;}
.section-case .service-introduce .introduce-item{width:290px;padding-bottom:20px;margin-top:60px;border-bottom:1px solid rgba(255,255,255,0.50);}
.section-case .service-introduce .introduce-item .top{font-size: 18px;line-height:30px;color: #fff;}
.section-case .service-introduce .introduce-item .bot{height:60px;font-size: 18px;line-height:60px;color: #fff;}
.section-case .service-introduce .introduce-item .bot p{font-size: 60px;display: inline-block;margin-top:10px;}
.section-case .service-introduce .mind{margin:0 320px;}
.section-case .service-introduce .mind img{width:100%;}
.section-case .service-introduce .mind .pic{margin-top:-20px;}
.section-case .case-list .case-item{vertical-align: top;text-align: center}
.section-case .case-list .case-item .top{text-align: center;color:#fff;font-size: 20px;line-height:30px;}
.section-case .case-list .case-item .top p{text-align: center;color:#fff;font-size: 30px;line-height:40px;display: inline-block;} 
.section-case .case-list .case-item .top .pic{width: 360px;height: 240px;display:block;margin:0 auto;}
.section-case .case-list .case-item .bot .box{height:420px;border-radius: 10px;margin: 0 auto;width:80%;}
.section-case .case-list .case-item .bot .box .file{height:450px;overflow:hidden;padding:40px;box-sizing:border-box;border-radius: 10px;margin:auto;}
.section-case .case-list .case-item .bot .box .file .cont{width:113%;}
.section-case .case-list .case-item .file-item{width:160px;margin-right:40px;margin-bottom:40px;float: left}
.section-case .case-list .case-item .file-item .pic{width:100%;height:90px;background:#ccc;border-radius:8px;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.section-case .case-list .case-item .file-item .text{margin-bottom:10px;height:260px;margin-top:15px;color:#fff;text-align:center;line-height:24px;font-size:15px;-webkit-box-orient: vertical;padding:1px;}
.section-case .case-list .case-item .btn-more{margin-top:60px;}

.section-qualified{background: #00cfa6;overflow: hidden;padding-bottom:100px;}
.section-qualified .tit{margin-top:100px;font-size: 60px;line-height:80px;color: #FFF;text-align: center}
.qualified-list .qualified-item{width:calc(100%/4);height:105px;padding:0 20px;box-sizing:border-box;position: relative;border-left:1px solid rgba(255,255,255,0.2);display:inline-block;text-align: center}
.qualified-list .qualified-item:first-child{padding-left:0;border-left:none;}
.qualified-list .qualified-item:last-child{padding-right:0;}
.qualified-list .qualified-item .text{width:210px;height:1px;border-top:1px solid rgba(255,255,255,0.2);margin:9px auto;color: rgba(255,255,255,0.50);}
.qualified-list .qualified-item .text p{width:120px;background: #007d65;margin:-10px auto 0;}
.qualified-list .qualified-item .txt{width:calc(100% - 40px);height:50px;font-size: 16px;color: #fff;position: absolute;bottom:0;}

.section-partner{background: #303435;overflow: hidden;padding-bottom:200px;position: relative;}
.section-partner .tit{margin-top:100px;font-size: 60px;line-height:80px;color: #FFF;text-align: center}
.section-partner .bg-pic{position: absolute;top:54px;left:50%;margin-left:-400px;}
.section-partner .partner-list .cont{width:100%;}
.section-partner .partner-item{width:calc(100%/4 - 40px);height:80px;background: rgba(32,36,37,0.30);border-radius: 40px;margin:0 20px 40px;}
.section-partner .partner-item img{margin-top:10px;}

.section-news{background: #f0f4f5;overflow: hidden;padding-bottom:100px;}
.section-news .tit{margin-top:100px;font-size: 60px;line-height:80px;color: #202425;}
.section-news .news-reveal,.section-news .news-list{width:510px;}
.section-news .news-reveal .news-pic{width:510px;height:340px;border-radius:8px;background:#ccc;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.section-news .news-reveal .news-pic img{width:100%;height:100%;border-radius:8px;}
.section-news .time{font-size: 14px;line-height:20px;color: #202425;}
.section-news .time b{font-size: 30px;height:30px;display:inline-block;line-height:30px;color: #202425;font-family: Impact;margin-bottom:10px;}
.section-news .news-tit{margin-left:70px;font-size: 18px;line-height:30px;color: #202425;}
.section-news .news-tit:hover{color: #17d;cursor: pointer;}
.section-news .news-list .item{margin-top:40px;}
.section-news .news-list .item:first-child{margin-top:0;}
/* Ã©Â¦â€“Ã©Â¡Âµ End */

  /* Ã¥â€¦Â³Ã¤ÂºÅ½ Begin */
  .page-about .overview .pic{width:960px;}
  .page-about .overview .item{width:33.3333%;display:inline-block;vertical-align: top; padding-left:35px;box-sizing:border-box;text-align: center}
  .page-about .overview .item:first-child{padding-left:0;}
  .page-about .overview .item .years{font-size: 40px;line-height:40px;color: #202425;}
  .page-about .overview .item .enterprise-logo{height:60px;width:auto;margin-top:120px;}
  .page-about .overview .item .line{width:100%;height:1px;border-top:1px solid rgba(32,36,37,0.10);position:relative;top:50px;}
  .page-about .overview .item .line span{width:1;height:80px;border-left:1px solid rgba(32,36,37,0.10);position: absolute;left:50%;top:-40px;}
  .page-about .qualification .txt{margin-left:auto;margin-right: auto;line-height:25px;}
  .page-about .qualification .program{font-size:0;margin-top:100px;}
  .page-about .qualification .program .item{width:33.3333%;display: inline-block;vertical-align: top; text-align: center;box-sizing: border-box;margin-bottom:60px;}
  .page-about .qualification .program .item .program-img{width:140px;height:140px;}
  .page-about .qualification .program .item p{height:60px;margin-top:20px;font-size:20px;line-height: 30px;}
  .page-about .team .member{font-size:0;margin-top:100px;}
  .page-about .team .member .member-item{width:33.3333%;display: inline-block;padding-right:40px;box-sizing:border-box;vertical-align: top;margin-bottom:60px;}
  .page-about .team .member .member-item:first-child{margin-left:0;}
  .page-about .team .member .member-item .name{display:block;}
  .page-about .section-honor .honor-list{font-size:0;}
  .page-about .section-honor .honor-list .item{width:33.3333%;display: inline-block;padding-right:40px;box-sizing:border-box;vertical-align: top;margin-top:100px;text-align: center;position:relative;}
  .page-about .section-honor .honor-list .item .honor-name{display: block;font-size: 24px;line-height:30px;}
  .page-about .section-honor .honor-list .item .honor-name span{font-family: Impact;}
  .page-about .section-honor .honor-list .item .years{width:90px;height:20px;background:url(/images/RevisionImg/bg_year.png) no-repeat;text-align: center;margin: 20px auto;color:#fff;font-size: 18px;line-height:20px;}
  .page-about .section-honor .honor-list .item .img_laurel{width:80px;height:100px;position:absolute;top:20px;}
  .page-about .section-honor .honor-list .item .img_laurel.laurel-l{left:0;}
  .page-about .section-honor .honor-list .item .img_laurel.laurel-r{transform: scaleX(-1);right:40px;}
  /* Ã¥â€¦Â³Ã¤ÂºÅ½ End */

  .banner-text{width:50%;}
  .banner-text .text{font-size: 80px;color: #202425;line-height: 100px;margin-top:140px;}

  /* Ã¨â‚¬ËœÃ§Â­â€“ Begin */
  .yc .page-top{height:800px;}
  .yc .yc-banner .pic{width:50%;}
  .yc .yc-banner .pic img{width:100%;height:auto;}
  .yc .yc-logo{width:252px;height:90px;}
  .yc .banner-text .text{margin-top:70px;}
  .yc .section h1{line-height:80px;color: #202425;}
  .yc .four-systems {width:840px;height:330px;margin: 100px auto}
  .yc .four-systems .systems_content{position: relative;width:100%;text-align: center}
  .yc .four-systems .systems_content img{width:100%;max-height:100%;}
  .yc .four-systems .num{display:inline-block;width:40px;height:70px;font-family: Impact;font-size: 36px;color: rgba(32,36,37,0.15);vertical-align: top;line-height:70px;}
  .yc .four-systems .txt{display:inline-block;color: rgba(14,18,19,0.50);text-align: left;font-size:14px;line-height: 35px}
  .yc .four-systems .txt p{font-size: 30px;color: #202425;}
  .yc .four-systems .row{width:100%;position: absolute;top:0;left:15px}
  .yc .four-systems .row+.row{bottom:0;top:auto;}
  .yc .yc-detail{color:#fff;}
	.yc .yc-detail {text-align:center;margin-top:52px;}
	.yc .yc-detail img{display:inline-block;}
	.yc .yc-detail .detail-txt{width:530px;font-size: 14px;line-height:20px;}
	.yc .yc-detail .detail-txt .detail-tit{font-size: 40px;font-weight:bold;margin-bottom:20px;line-height:55px;}
	.yc .yc-detail .detail-txt .txt{width:400px;height:100px;margin-bottom:20px;font-size: 18px;line-height: 25px;}
	.yc .yc-detail .detail-txt&gt;img{display:block;width: 100%;height:80px;}
  .yc .yc-detail .slide-bottom{width:1060px;}
  .yc .section .pic{width:620px;height:400px;margin-top:60px;}
  .yc .section .describe{height:auto;font-size:0;}
  .yc .section .describe-item{width:50%;padding:0 40px;text-align: center;display: inline-block;vertical-align: top}
  .yc .section .describe .tit{font-size: 40px;height:60px;line-height:60px;color: #202425;}
  .yc .section .describe .txt{font-size: 18px;height:auto;line-height:27px;color: rgba(32,36,37,0.60);margin-top:40px;}
  /* Ã¨â‚¬ËœÃ§Â­â€“ End */

  .ylf .page-top{height:800px;}
  .ylf .section h1{line-height:80px;color: #202425;margin-top:20px;}
  .ylf .section .pic{width:620px;height:400px;margin-top:60px;}
  .ylf .section .describe{height:auto;font-size:0;}
  .ylf .section .describe-item{width:50%;padding:0 40px;text-align: center;display: inline-block;vertical-align: top}
  .ylf .section .describe .tit{font-size: 40px;line-height:60px;color: #202425;}
  .ylf .section .describe .txt{font-size: 18px;height:auto;line-height:27px;color: rgba(32,36,37,0.60);margin-top:40px;}
  
  .zs-banner .pic{width:50%;}
  .zs-banner .pic img{width:100%;height:auto;}
  .zsxt-logo{width:210px;height:40px;}

  /* Ã¨Â¿Â½Ã¦ÂºÂ¯Ã§Â³Â»Ã§Â»Å¸ Begin */
  .zsxt .section .tit{font-size: 60px;line-height:80px;color: #202425;text-align: center;}
  .zsxt .section .tit.white{color: #fff;}
  .zsxt .section.part1 .tit1{color:#202425;}
  .zsxt .section.part1 p{color: rgba(32,36,37,0.60);}
  .zsxt .section.part2{background:#17d;color: #fff;}
  .zsxt .section.part3{background:#f0f4f5;}
  .zsxt .section.part2 .serial{margin-top:125px;}
  .zsxt .section.part2 .serial .item{border-top:1px solid #fff;width:25%;float: left}
  .zsxt .section.part2 .serial .item:first-child{
    border-image:linear-gradient(to right, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-webkit-linear-gradient(to right, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-moz-linear-gradient(to right, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-ms-linear-gradient(to right, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-o-linear-gradient(to right, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
  }
  .zsxt .section.part2 .serial .item:last-child{
    border-image:linear-gradient(to left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-webkit-linear-gradient(to left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-moz-linear-gradient(to left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-ms-linear-gradient(to left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
    border-image:-o-linear-gradient(to left, rgba(255,255,255,0) 0,rgba(255,255,255,0) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%) 1;
  }
  .zsxt .section.part2 .serial .item .num{border:1px solid #fff;border-radius:50%;background:#17d;width:50px;height:50px;text-align:center;line-height:50px;color:#fff;margin: -25px auto;box-sizing:border-box;}
  .zsxt .section.part2 .link-describe{margin-top:210px;}
  .zsxt .section.part2 .link-describe .describe-item{width:25%;border-left:1px solid rgba(255,255,255,0.2);padding: 0 20px;float: left;color: #fff;text-align: center;box-sizing: border-box}
  .zsxt .section.part2 .link-describe .describe-item:first-child{border-left:none;padding-left:0;}
  .zsxt .section.part2 .link-describe .describe-item:last-child{padding-right:0;}
  .zsxt .section.part2 .link-describe .describe-item .tit{height:60px;font-size:40px;color: #fff;line-height: 60px;}
  .zsxt .section.part2 .link-describe .describe-item .txt{height:70px;font-size: 14px;line-height: 21px;}
  .zsxt .section.part2 .link-describe:last-child{margin-top:60px;height:210px;}
  .zsxt .section.part2 .link-describe:last-child .describe-item  .tit{height:80px;font-size:24px;line-height: 30px;}
  .zsxt .section.part2 .link-describe:last-child .describe-item  .txt{height:90px;}
  .zsxt .section.part2 .pic{width:840px;height:400px;text-align: center}
  .zsxt .section.part2 .pic img{width:100%;height:100%;}
  .zsxt .section.part3 .zs-list {height:500px;font-size:0;}
  .zsxt .section.part3 .zs-list .item{width:33.3333%;display:inline-block;padding:0 20px;text-align: center;box-sizing: border-box;vertical-align: top}
  .zsxt .section.part3 .zs-list .item .pic{width:100%;height:auto;}
  .zsxt .section.part3 .zs-list .item .hd p{font-size: 24px;color: #202425;line-height: 30px;margin-top: 10px}
  .zsxt .section.part3 .zs-list .item .bd{font-size: 18px;color: rgba(32,36,37,0.60);text-align: center;line-height: 20px;margin-top:40px;}
  /* Ã¨Â¿Â½Ã¦ÂºÂ¯Ã§Â³Â»Ã§Â»Å¸ End */

  /* Ã§â€ºâ€˜Ã¦Å½Â§Ã§Â³Â»Ã§Â»Å¸ Begin*/
  .jkzx .overview .pic{width:620px;height:420px;}
  .jkzx .overview .text .txt{font-size: 60px;color: #0E1213;line-height: 230px;padding-top:60px;}
  .jkzx .overview .text .txt .num{font-family: ArialMT;font-size: 200px;color: #0E1213;line-height: 230px;display: inline-block;}
  .jkzx .overview .text&gt;p{font-size: 40px;color: #202425;line-height: 60px;}
  .jkzx .overview .bd{height:300px;}
  .jkzx .overview .overview-item{width:33.3333%;display:inline-block;vertical-align: top; padding-left:40px;box-sizing: border-box;text-align:left;}
  .jkzx .overview .overview-item:first-child{padding-left:0;}
  .jkzx .overview .overview-item .overview-data{height:60px;font-size: 24px;color: #0E1213;line-height: 72px;}
  .jkzx .overview .overview-item .overview-data .num{font-size: 60px;color: #202425;line-height: 60px;}
  .jkzx .overview .overview-item .item-t{padding-bottom:40px;box-sizing:border-box;border-bottom:1px solid rgba(32,36,37,0.10);}
  .jkzx .overview .overview-item .item-t p{font-size: 24px;line-height:30px;color: #202425;margin-top:20px;}
  .jkzx .overview .overview-item .item-b{padding-top:40px;box-sizing: inherit;font-size: 18px;color: rgba(32,36,37,0.60);line-height: 27px;}
  .jkzx .section .model-tit{font-size: 20px;line-height:40px;color: #202425;}
  .jkzx .section h1{line-height:80px;margin-top:20px;font-size:60px;}
  .jkzx .equipment-list h1{color:#202425;line-height:80px;}
  .jkzx .equipment-list .pic{width:584px;height:300px;}
  .jkzx .equipment-list .list{height:450px;}
  .jkzx .equipment-list .list .tit{font-size: 20px;line-height:30px;color: #202425;margin-bottom:20px;}
  .jkzx .equipment-list .list ul{width:20%;float: left;text-align: left}
  .jkzx .equipment-list .list ul .list-item{height:40px;line-height:40px;font-size: 14px;color: rgba(32,36,37,0.50);}
  .jkzx .equipment-list .list ul .list-item .icfont{font-size:20px;margin-top:10px;margin-right:10px;}
  .jkzx .control-list{height:640px;}
  .jkzx .control-list .type-item{padding:40px 0 40px 220px;box-sizing:border-box;border-bottom:1px solid rgba(32,36,37,0.10);text-align: left;position: relative}
  .jkzx .control-list .type-item:last-child{border-bottom:none}
  .jkzx .control-list .type-item .tit{width:180px;font-size: 20px;line-height:20px;color: rgba(32,36,37,0.50);position: absolute;top:40px;left:0;}
  .jkzx .control-list .type-item ul li{display:inline-block;width:calc(100%/5);padding-right:100px;vertical-align:top;box-sizing: border-box}
  .jkzx .control-list .type-item ul li div{font-size: 18px;line-height:20px;color: #202425;margin-bottom:20px;}
  .jkzx .control-list .type-item ul li p{font-size: 14px;line-height:40px;color: rgba(32,36,37,0.50);}
  /* Ã§â€ºâ€˜Ã¦Å½Â§Ã§Â³Â»Ã§Â»Å¸ End*/

  /* Ã¨â‚¬ËœÃ¥Â°ÂÃ¥Â®ÂÃ§â€ºâ€˜Ã¦Âµâ€¹Ã¤Â»Âª Begin */
  .section-banner .sub-title{font-size: 90px;color: #0E1213;line-height: 110px;}
  .section-banner .describe{font-size: 24px;color: #202425;}
  .section-banner .yxb-logo{height:100px;vertical-align:top;margin-top:5px;}
  .page-monitor .banner-pic{width:1060px;height:auto;}
  .page-monitor .suit .item{width:50%;display:inline-block;padding:0 20px;color:#202425;text-align: center;vertical-align:top;}
  .page-monitor .suit .item img{width:100%;}
  .page-monitor .bg-btb{background:linear-gradient(to right,#17d 0,#17d 50%,#202425 50%,#202425 100%);}
  .page-monitor .bg-btb img{width:1060px;height:auto;}
  .page-monitor .data-list {padding-top:60px;text-align: center}
  .page-monitor .data-list .item{width:25%;display:inline-block;box-sizing: border-box;padding-right:40px;vertical-align:top;text-align: left}
  .page-monitor .data-list .item .hd{padding-bottom:30px;border-bottom:1px solid rgba(32,36,37,0.10);}
  .page-monitor .data-list .item .icfont{font-size:60px;margin-right:10px;}
  .page-monitor .data-list .item .text{font-size: 40px;line-height:60px;display: inline-block;}
  .page-monitor .data-list .item .mid&gt;p{height:70px;padding:20px 0;border-bottom:1px solid rgba(32,36,37,0.10);box-sizing: border-box;color:#202425;font-size:24px;line-height:30px;}
  .page-monitor .data-list .btn-more{width:320px;height:60px;border-radius:30px;line-height:60px;margin: 100px auto;}
  .page-monitor .advantage .item{width:25%;display:inline-block;box-sizing: border-box;padding-right:40px;vertical-align:top;text-align: center}
  .page-monitor .QR-code{width:400px;margin: 100px auto;}
  .page-monitor .QR-code .item{width:180px;display: inline-block;}
  .page-monitor .QR-code .item:first-child{margin-right:40px;}
  .page-monitor .QR-code .item .code-img{width:180px;height:180px;}
  /* Ã¨â‚¬ËœÃ¥Â°ÂÃ¥Â®ÂÃ§â€ºâ€˜Ã¦Âµâ€¹Ã¤Â»Âª End */

  /* Ã¤ÂºÂ§Ã¥â€œÂÃ¨ÂÅ“Ã¥Ââ€¢ Begin */
  .menu{height:600px;}
  .menu .item{width:calc(100%/4);height:100%;border-left:1px solid rgba(32,36,37,0.10);display:inline-block;vertical-align:top; box-sizing:border-box;text-align: center;}
  .menu .item:first-child{border-left:none;}
  .menu .item .tit{font-size: 24px;line-height:30px;color: #0E1213;}
  .menu .item .pic-logo{height:20px;width:auto;margin-top:10px;}
  .menu .item .pic{width:180px;height:120px;margin-top:60px;}
  .menu .item .option{width:250px;height:50px;border-radius:25px;background: #E0E4E5;position: relative;padding:10px 30px;box-sizing:border-box;text-align: left;line-height:30px;font-size:14px;margin:40px auto 0;display: inline-block;}
  .menu .item .option a{color: #202425;}
  .menu .item .option .icfont{font-size:30px;border-radius:50%;background:#17d;color:#fff;position: absolute;top: 10px;right:10px;}
  /* Ã¤ÂºÂ§Ã¥â€œÂÃ¨ÂÅ“Ã¥Ââ€¢ End */

  /*Ã¨â‚¬ËœÃ¥Â°ÂÃ¥Â®ÂÃ§â€ºÂ¸Ã¦Å“Âº*/
  .banner-section .sub-title{font-size: 90px;color: #0E1213;line-height: 110px;}
  .banner-section .describe{font-size: 24px;color: #202425;}
  .banner-section .yxb-logo{height:100px;vertical-align:top;margin-top:5px;}
  .yxb-camera .section .describe{font-size: 24px;line-height: 30px;}
  .qrcode-list{ display:inline-block;}
  .qrcode-list li{ float: left;}
  .qrcode-list li:first-child{margin-right: 120px;}
  .qrcode-list .pic{width: 180px;height: 180px;}
  .qrcode-list .text{line-height: 30px;padding-top: 20px;color: #202425;font-size: 18px;}
  .parameter-list li{display:inline-block;vertical-align: top;box-sizing: border-box; border-left:1px solid rgba(32,36,37,0.10);width: 33.33333333%;}
  .parameter-list li:first-child{border-left: none;}
  .parameter-list .label{line-height: 20px;font-size: 18px;padding-bottom: 10px;}
  .parameter-list .value{line-height: 60px;font-size: 40px;color: #202425;font-weight: bold;}
  .camera-parameter-list li{width:33.333333333%;color: #fff;display:inline-block;vertical-align: top;box-sizing: border-box; border-left:1px solid rgba(255,255,255,0.10);border-bottom: 1px solid rgba(255,255,255,0.10);padding-bottom:40px;}
  .camera-parameter-list .label{line-height: 60px;font-size: 40px;padding-bottom: 10px;}
  .camera-parameter-list .value{line-height: 30px;font-size: 18px;}
  .camera-parameter-list li:nth-child(1){border-left:none;} 
  .camera-parameter-list li:nth-child(4){border-left:none;}

  /* Ã¨â‚¬ËœÃ§Å“Â¼ */
  .sub-banner{padding-top: 60px;padding-bottom:40px;}
  .sub-banner .col-l,.sub-banner .col-r{float: left;}
  .sub-banner .col-l{width: 430px;padding-top: 40px;}
  .sub-banner .col-r{width: calc(100% - 430px);text-align: right;}
  .sub-banner .col-l .title{font-size: 90px;color: #202425;line-height: 110px;}

  .yy-page .yy-logo{width: 210px;height: 90px;}
  .yy-page .qr-panel{padding-top: 170px;}
  .yy-page .qr-panel .tit{font-size: 18px;color: #202425;line-height: 20px;}
  .yy-page .qr-panel li{float: left;font-size: 14px;margin-right: 40px;}
  .yy-page .qr-panel li img{width:100px;height:100px;}
  .function-list li{float: left;width: 20%;border-left: 1px solid rgba(32,36,37,0.10);}
  .function-list li:first-child{border-left: none;}
  .function-list .icfont{background: #17D;width: 60px;height: 60px;border-radius: 50%;display: inline-block;vertical-align: top;font-size: 40px;color: #fff;padding:10px}
  .function-list .bg-green{background:#2b7;}

  .btn-play{display: inline-block;background: #17D;border-radius: 30px;width: 260px;height: 60px;color: #fff;font-size: 18px;line-height: 60px;}
  .btn-play .icfont{font-size: 60px;vertical-align: top;display: inline-block;}

  .yy-page .service-list li {width: calc(33.3333333333% - 40px);display:inline-block;padding:0 20px;margin-bottom:100px;vertical-align: top;}
  .yy-page .service-list li .pic{width:100%;}
  .yy-page .service-list li:nth-child(3n) {margin-right: 0;}
  .yy-page .service-list .description{font-size: 18px;line-height:27px;}

  .yy-page .business-list h4{color: #fff;font-size:30px;}
  .yy-page .business-list li {width: calc(25% - 30px);float: left;margin-right:40px;vertical-align: top;color: #fff;}
  .yy-page .business-list li:nth-child(4n) {margin-right: 0;}
  .yy-page .business-list .description{font-size: 16px;line-height:27px;}
  .yy-page .section .describe{font-size: 16px;}
  
  /* Ã¦Â¡Ë†Ã¤Â¾â€¹ */
  .case-tabs-bar{border-bottom: 1px solid rgba(32,36,37,0.10);}
  .case-tabs-bar .tabs{ overflow: hidden;}
  .case-tabs-bar li{text-align: center;float: left;width: 180px;margin-right: 40px;height:50px;cursor: pointer;}
  .case-tabs-bar li:last-child{margin-right: 0;}
  .case-tabs-bar .text{font-size: 18px;color: #202425;line-height: 30px;margin-bottom: 16px;}
  .case-tabs-bar li .line{display: none;width:40px;height: 4px;background: #17D;border-radius: 30px;vertical-align: top;}
  .case-tabs-bar li.active .text{font-weight: bold;}
  .case-tabs-bar li.active .line{display: inline-block;}

  .artical-page .sub-banner .col-l{font-size:90px;color:#202425;}
  .news-slide{height: 640px;border-radius: 20px;overflow: hidden;}
  .news-slide .swiper-container {width: 100%;height: 100%;margin-left: auto;margin-right: auto;border-radius:20px;}
  .news-slide .swiper-slide {text-align: center;background: #eee;width:100%;height:100%;background-repeat: no-repeat;background-size: cover;background-position:center;}
  .news-slide .bg-mask{background: rgba(32,36,37,0.40);height: 100%;position: relative;}
  .news-slide .bg-mask .text{position: absolute;bottom: 0;left:0;padding:40px 60px;width: 100%;font-size: 18px;color: #fff;font-size: 40px;line-height: 50px;}
  .news-slide .slide-button-prev,.news-slide .slide-button-next{top:48%;position: absolute;cursor: pointer;}
  .news-slide .slide-button-prev,.news-slide .slide-button-next{background: rgba(32,36,37,0.50);border-radius: 30px;width: 60px;height: 60px;left: 40px;z-index: 1;padding:10px;}
  .news-slide .slide-button-prev .icfont,.news-slide .slide-button-next .icfont{font-size: 40px;color: #fff;}
  .news-slide .slide-button-prev{left:40px;right:auto;}
  .news-slide .slide-button-next{right:40px;left:auto;}

  /* Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¥Ë†â€”Ã¨Â¡Â¨ Begin */
  .case-menu .item{width:33.3333%;min-height:545px;display: inline-block;vertical-align: top;padding: 0 40px;box-sizing:border-box;border-left:1px solid rgba(32,36,37,0.10);text-align: center}
  .case-menu .item:first-child{padding-left: 0;border-left:none;}
  .case-menu .item:last-child{padding-right: 0;}
  .case-menu .item .pic{width:180px;height:130px;}
  .case-menu .item .tit{font-size: 30px;line-height:40px;margin-top:20px;color: #202425;}
  .case-menu .item .option{height:60px;padding: 10px 0;line-height:40px;font-size: 18px;color: rgba(32,36,37,0.60);border-bottom:1px solid rgba(32,36,37,0.10);box-sizing:border-box;}
  .case-menu .item .option a{width:100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display:inline-block;}
  .case-menu .item .option:first-child{border-top:1px solid rgba(32,36,37,0.10);}
  .case-menu .item .btn-more{margin: 60px auto}
  /* Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¥Ë†â€”Ã¨Â¡Â¨ End */

  /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´ Begin */
  .xc-page .xc-head{background:#17d;margin-top:100px;position: relative;overflow: hidden;}
  .xc-page .xc-head .bg-img{display: inline-block;width: 0;height: 0;vertical-align: middle; border-top:540px solid #fff;border-right:50vw solid transparent;border-left:50vw solid transparent;position: absolute;top:0;left:0;z-index: 0;}
  .xc-page .xc-head .t-text .txt-item{width:50%;padding:0 20px;box-sizing:border-box;display:inline-block;vertical-align: top}
  .xc-page .xc-head .t-text .txt-item b{font-size:60px;line-height:80px;color:#202425;}
  .xc-page .xc-head .t-text .txt-item p{font-size:30px;line-height:40px;color:#202425;}
  .xc-page .xc-head .xc-head-pic{height:600px;vertical-align: top;}
  .xc-page .xc-head .b-text{position:relative;font-size:0;}
  .xc-page .xc-head .b-text .line{position: absolute;width:400px;top:20px;left:50%;margin-left:-200px;border-top:1px solid #fff;}
  .xc-page .xc-head .b-text .b-txt{text-align:center;color:#fff;width:50%;display: inline-block;vertical-align: top;box-sizing:border-box;}
  .xc-page .xc-head .b-text .b-txt:first-child{padding-right:130px;}
  .xc-page .xc-head .b-text .b-txt:last-child{padding-left:130px;}
  .xc-page .xc-head .b-text .b-txt .time{font-size:40px;line-height:40px;}
  .xc-page .xc-head .b-text .b-txt .txt{font-size:18px;line-height:25px;margin-top:40px;margin-bottom:80px;}

  .xc-page .section .model-tit{font-size:18px;color:rgba(32,36,37,0.6);line-height:27px;}
  .xc-page .section h1{font-size:30px;color:#202425;line-height:45px;margin-top:60px;}
  .xc-page .section .describe .txt{font-size:18px;color:#202425;line-height:27px;}

  .xc-page .project-section .tit{font-size: 60px;color: #202425;line-height:80px;}
  .xc-page .project-section .tit b{font-family: Impact;}
  .xc-page .project-list .item{width:33.333333%;display:inline-block;vertical-align: top;padding:0 20px;box-sizing:border-box;margin-top:80px;}
  .xc-page .project-list .item .cot{background: #F0F4F5;border-radius: 10px;text-align:center;}
  .xc-page .project-list .item .pic{width:180px;height:120px;margin-top:-40px;}
  .xc-page .project-list .item p{font-size: 18px;line-height:40px;color: #202425;margin-top:20px;}
  .xc-page .project-list .item .btn-more{width:140px;height:40px;text-align: center;line-height:40px;font-size:16px;color:#fff;margin-top:20px;margin-bottom:40px;}
  /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´ End */

  /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† Being */
  .xcplan-page .plan-head{position: relative;}
  .xcplan-page .plan-head .brief-introduction{margin-top:180px;}
  .xcplan-page .plan-head .plan-pic{height:800px;vertical-align: top}
  .xcplan-page .plan-head .plan-name{font-size: 80px;color: #202425;line-height: 120px;}
  .xcplan-page .plan-head .bot{width:510px;font-size: 18px;color: #202425;line-height: 27px;margin-top:100px;}

  .xcplan-page .min-introduction {color: #fff;text-align: center;}
  .xcplan-page .min-introduction .text{font-size: 30px;line-height: 45px;}
  .xcplan-page .min-introduction .txt{font-size: 18px;line-height: 27px;}

  .xcplan-page .section .tit{font-size: 40px;color: #202425;text-align: center;line-height:60px;}
  .xcplan-page .section .tit-txt{font-size: 18px;color: rgba(32,36,37,0.60);text-align: center;line-height:27px;margin-top:40px;}
  .xcplan-page .section .section-pic{vertical-align: top;margin-top:60px;max-width:100%;}
  .xcplan-page .section .diallel .item {width:50%;display:inline-block;text-align:center;vertical-align: top;padding:0 60px;box-sizing:border-box;margin-top:100px;}
  .xcplan-page .section .diallel .item .item-pic{max-width:100%;vertical-align: top}
  .xcplan-page .section .diallel .item .item-tit{margin-top:40px;font-size:30px;color:#202425;line-height:45px;}
  .xcplan-page .section .diallel .item .item-txt{margin-top:40px;font-size:18px;color:rgba(32,36,37,0.6);line-height:27px;}

  /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† End */


@media (min-width: 1480px) {
  
  .footer .cont{width:1280px;}
}

@media (max-width: 1280px) {
	.mt200{margin-top:200px;}
	.mr40{margin-right: 40px;}
	.ml40{margin-left: 40px;}
	.lh60{line-height:60px;}
	.lh110{line-height:110px;}
  
	.f24{font-size: 24px;}
	.f90{font-size:90px;}
  .w1280{width: 100%;padding-left:40px;padding-right:40px;}
  .w1060{width: 90%;}
	/*Common Style*/
  .related-cases{background: #202425;padding:80px 0;}
  .related-cases .hd .name{font-size: 60px;color: #fff;line-height: 80px;}
  .related-cases .news-list .tit{color: #fff;}
  .news-list {width: 100%;height: auto;overflow: hidden;}
  .news-list li {width: calc(25% - 30px);float: left;margin-right:40px;margin-bottom:60px;vertical-align: top;}
  .news-list li:nth-child(4n) {margin-right: 0;}
  .news-list .pic{width: 100%;height: 193px;background: #eee;border-radius: 8px;}
  .news-list .info{padding-top: 27px;}
  .news-list .tit{font-size: 16px;line-height: 24px;color: rgba(32,36,37,0.60);}
  .news-list .info .day{font-family: Impact;font-size: 30px;color: #202425;line-height: 30px;}
  .news-list .info .date{font-size: 14px;color: #202425;line-height: 20px;}
  
	.section .title{line-height:60px;} 
	.product-list&gt;.item{height: 800px;padding: 60px 100px 100px 100px;}
	.product-list .item.bot{height:680px}
	.product-list .item .ac{height: auto;}
	.product-list .item .ac img{margin-bottom: 0;height: auto;max-width: 100%;}

	.swiper-pagination-switch{margin:0 7.5px;border-radius: 0px;}

	/* Ã¨Â½Â®Ã¦â€™Â­Ã¥â€ºÂ¾ */
	.banner{height: 720px;}
	.banner .item .img{width: 1426px;height: 720px;position:absolute;top:0;left:120px;}
  .banner .item .img img{width: 100%;height: 100%;}
  
  .overview .overview-list .line,.overview .overview-bot .line{display:none;}
  .section-case .case-list .case-item .bot .box{width:340px;}
  .section-case .case-list .case-item .bot .box .file {
    width: 380px;
    height: 450px;
    overflow: hidden;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    top: 10px;
    left: -10px;
  }
  .section-case .case-list .case-item .file-item{margin-right:20px;}
  .section-case .case-list .case-item .btn-more{margin-top:60px;}
  
  .yc .yc-detail .detail-txt{width:420px;}
  .yc .yc-detail .slide-bottom{width:100%;}

  .yy-page .business-list h4{font-size:18px;}
  .yy-page .business-list .description{font-size: 14px;line-height:20px;}
	
  .mind-auto{width:1280px;margin: 0 auto;}

  .banner .swiper-container,.banner .swiper-wrapper,.banner .swiper-slide{width:100%;height:720px;position: relative;}
  .banner .swiper-slide .yxb-camera{margin-top:140px;}


}

@media (max-width: 1024px) {
    .w1280{width: 100%;}
    .w1060{width: 90%;}
    .banner {height:570px;}
    .banner .item{width:100%;height:100%;}
    .banner .item .bot{width:100%;box-sizing:border-box;position: absolute;bottom:80px;}
    .banner .swiper-container, .banner .swiper-wrapper, .banner .swiper-slide{height:540px;}
    .banner .swiper-slide .yxb-camera p{font-size:45px;line-height:55px;}
    .banner .swiper-slide .bot-item div{font-size:18px;line-height:25px;}
    .banner .swiper-slide .pic{width:430px;height:500px;}
    .banner .swiper-slide .pic.pic2{height: 75%;}
    .banner .swiper-slide .yxb-camera{margin-top:80px;}
    .banner .swiper-slide .xczx .top{font-size: 25px;line-height: 30px;}
    .banner .swiper-slide .xczx .top b{font-size: 40px;line-height:50px;font-weight: 700;}
    .banner .swiper-slide .xczx .bot .txt{font-size: 18px;line-height: 30px;padding-left:30px;margin-bottom:10px;}
    .banner .swiper-slide .xczx .bot{position: inherit;bottom: inherit}
    .banner .swiper-slide .xczx .bot .txt .point{width:10px;height:10px;top:10px;left:0;}
    .sub-title{padding:0 30px;}

    .footer{padding:40px 40px 140px;}
    .footer .cont{padding:20px;}

    /* Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ */
    .textInfo{width:auto;margin: -6.666667rem 0.555556rem 0px 0.555556rem;padding: 0.694444rem 0 1.388889rem 0;background: #fff;}
    .textInfo .news-detail{width:auto;margin:0 0.416667rem;}
    .news-section .dynamic-banner .img{height: 5.25rem;}
    .introduce.ps.ts .item{height: 4.444444rem;}
    .introduce.ps .item{height: 4.444444rem}
    .equipment.ps .item .text{min-height: 1.111111rem;}
    .textInfo .news-detail .bottom-nav{text-align: right;}
    
    /* Ã§Å½Â°Ã¤Â»Â£Ã¥â€&nbsp;Å“Ã¤Â¸Å¡Ã§Â¤ÂºÃ¨Å’Æ’Ã¥â€ºÂ­Ã¦Â¡Ë†Ã¤Â¾â€¹ */
    .theme{padding: 0.833333rem 0.555556rem 0.833333rem 0.555556rem;}
    .theme .name{line-height: 1.666667rem;}
    .theme .left{width: 4.444444rem;height: 0.277778rem;left: -1.944444rem;top:20%;font-size: 0.166667rem;display: none;}
    

    /* Ã¨Ââ€Ã§Â³Â»Ã¦Ë†â€˜Ã¤Â»Â¬ */
    .contact{line-height: 0.277778rem;}
    .contact .f18{font-size: 14px;}
    .contact .telephone p+p{margin-top: 0.208333rem;line-height:0.5rem;}
    .contact .address .add{width: 90%;line-height: 0.5rem;margin-top: 0.208333rem}
    .contact .wechart_code .item{width: 1.666667rem;}
    .contact .wechart_code .item p{line-height: 0.277778rem;height: 0.277778rem;}
    .contact .wechart_code .item img{width: 100%;height: 1.666667rem;margin-bottom: 0.277778rem;}
    .contact .message-board{height: auto;margin-bottom: 0.694444rem}
    .contact .message-board .message-form ul li{margin-top: 0.277778rem; }
    .contact .message-form .input-text{width: 100%; line-height:1;padding:0.083333rem 0.138889rem;font-size: 14px;height: 0.833333rem;}
    .contact .message-form textarea.input-text{height:1.388889rem;}
    .contact .message-form .form-action .btn{width: 100%;height:0.833333rem;line-height:0.833333rem;font-size: 14px;}
    .contact .friendship-link .row div{margin-top: 0.277778rem;}
    .message-form .error {height: 40px;line-height: 40px;background: #e45;position: relative;padding: 0 20px;color: #fff;border-radius:20px;margin-right: 20px;text-align: center;}
    .message-form .icon-alert{margin-right: 10px;margin-top:12px;}

    /*Ã§â€Å¸Ã¦â‚¬ÂÃ¥Å“Ë†*/
    .partner-section{padding-bottom: 1.111111rem;}
    .section-partner .bg-pic{height:100%;width:auto;margin-left:-330px;top:0;}
    .section-partner .partner-item{margin:0 0.277778rem 0.277778rem!important;width:calc(100%/4 - 0.555556rem);height: 60px;}
    .section-partner .partner-item a{display: block;}
    .section-partner .partner-item img{display: inline-block;max-width: 90%;height: auto;width: 2.5rem;height: 40px;}
    .partner-list{position: relative;overflow: hidden;}
    .product-list .name,.system-list .name{font-size: 0.416667rem;}
    .product-list .learn-more,.system-list .learn-more{font-size: 14px;line-height:0.416667rem;padding: 0.277778rem 1.388889rem 0.416667rem 0;}
    .product-list .learn-more:hover,.system-list .learn-more:hover{color:#4393e3;}
    .product-list .brief,.system-list .brief{font-size: 14px;line-height: 20px;}
    
    /*mobile menu*/
    .container-fluid &gt; .navbar-header{position: initial;}
    .navbar-nav{padding:0;width:0;background:#fff;float:right;transition:width 0.5s linear;height: 100%;overflow: auto}
    .navbar-nav.active{padding:40px 30px 70px;width:50%;}

    .navbar-inverse .navbar-toggle .icon-bar{background-image: url('../images/caidan.png');    background-size: cover;
      width: 45px;
      height: 20px;}
    .navbar-inverse .navbar-nav .icfont{display:none;}
    .navbar-inverse .navbar-collapse.open .btn-nav-close{display:block;}
    .navbar-inverse .navbar-collapse{position: fixed;top:0;left:0;right:0;z-index:100;display:none;background:rgba(32,36,37,0.60);width:100%;height:100%;padding:0;}
    .navbar-inverse .navbar-collapse .navbar-nav &gt; li{border-bottom:1px solid rgba(32,36,37,0.1);float:none;}
    .navbar-inverse .navbar-collapse .navbar-nav &gt; li:last-child{border-bottom:none;}
    .navbar-inverse .navbar-collapse .navbar-nav &gt; li &gt; a{text-align: left;padding:0;color:#202425;}
    .navbar-inverse .navbar-collapse .navbar-nav &gt; li.active &gt; a{color:#17d;background:#fff;}
    .navbar-inverse .navbar-collapse.open .btn-nav-close{display:block;background:#17d;border-radius:50%;}
    .btn-nav-close .icfont{font-size:30px;color: #fff;}
    .sub-menu{width: 100%;box-sizing: border-box;top:100%;left: 0;z-index: 1;display: block;padding-left:0;padding-bottom:40px;position: initial;background:none;}
    .sub-menu .sub-item{padding:0;}
    .sub-menu .sub-item:first-child{border-top:none;}
    .sub-menu .sub-item a{font-size: 14px;color: #202425; display: block;padding:5px 15px;line-height: 30px;background: #F0F4F5;border-radius: 25px;margin-top:10px;}
    .sub-menu .sub-item:hover{background: rgba(255,255,255,0.10);}
    .sub-menu .sub-item .icfont{display:inline-block;margin:0 -10px 0 0;font-size:30px;color: rgba(32,36,37,0.50);}
    .sub-menu .sub-item.active a{background:#17d;color:#fff;}
    .sub-menu .sub-item.active .icfont{color: #fff;}
    .footer .box .telephone{width:100px;margin-right:20px;}
    .footer .box .address{width:400px;}
    .btn-nav-close{position:fixed;right:0.555556rem;top:0.555556rem;display: none;}
    .btn-nav-close .icfont{font-size:30px;color: #fff;}
    .page-menu{display:none!important;} 
    /* Ã©Â¦â€“Ã©Â¡Âµ Begin */
    .page-index .page-top{padding-top:0;}
    .overview .overview-list .overview-item .pic{width:100%;height:auto;}
    .product-list .row .product-item .product-cont{width:50%;padding:50px 20px;}
    .product-item .product-item-img img{width:100%;}
    .service-introduce{padding:50px 20px;}
    .section-case .service-introduce .introduce-item{margin-top:20px;}
    .section-case .service-introduce .mind img{width:100%;}
    .section-case .tit{margin-bottom:40px;}
    .section-case .case-list .case-item{width:33.3333%;padding:0 10px;margin:0;}
    .section-case .case-list .case-item:first-child{margin-top:25px;}
    .section-case .case-list .case-item .top .pic{width:100%;height:auto;margin:0 auto;}
    .section-case .case-list .case-item .bot .box{width:90%;height:auto;margin: 0 auto}
    .section-case .case-list .case-item .bot .box .file{width:114%;height:100%;padding:20px;left:-20px;}
    .section-case .case-list .case-item .file-item{width:128px;margin-bottom:20px;margin-right:6px;}
    .section-case .case-list .case-item .btn-more{margin-top:30px;}
    .section-news .news-reveal,.section-news .news-list{width:450px;}
    .section-news .news-reveal .news-pic{width:450px;height:340px;border-radius:8px;}

    /* Ã¨â‚¬ËœÃ§Â­â€“ */
    .yc .page-top{height:600px;}
    .yc .section .describe-item{padding:0 20px;}
    .yc .yc-detail .detail-txt{width:400px;padding:0 10px;}
    .yc .yc-detail .slide-bottom{width:100%;}
    .yc .yc-detail .detail-txt .txt{width:100%;font-size:16px;line-height:20px;}

    /* Ã¨â‚¬ËœÃ§Â«â€¹Ã¦â€“Â¹ */
    .ylf .page-top{height:600px;}
    .ylf .section .describe{height:auto;font-size:0;}
    .ylf .section .describe-item{padding:0 20px;}
    .ylf .section .describe .txt br{display: none}
    
    .zs-banner .pic{width:50%;}
    .zs-banner .pic img{width:100%;height:auto;}
    .zsxt-logo{width:210px;height:40px;}

    /* Ã¨â‚¬ËœÃ¥Â°ÂÃ¥Â®ÂÃ§â€ºÂ¸Ã¦Å“Âº */
    .yxb-camera .section .pic{width:100%;}
    .yxb-camera .qrcode-list li:first-child{margin-right: 40px;}
    .yxb-camera .qrcode-list li .pic{width: 180px;height: 180px;}
    .camera-parameter-list .value{font-size:16px;}

    .page-monitor .bg-btb img{width:100%;}
    .section-banner-pic{width:100%;}
    .page-monitor .banner-pic{width:100%;}
    .page-monitor .suit .item h1{font-size:50px;}

    /* Ã¨â‚¬ËœÃ§Å“Â¼ */
    .yy-page .banner-pic{height:100%;width:auto;}
    .yy-page .section .describe{font-size: 14px;}
    .sub-banner .col-r .pic{width:100%;height:auto;}  
    .yy-page .sub-banner .col-r .pic{width:100%;height:auto;}
    .yy-page .qr-panel li img{width:70px;height:70px;}  

    /* Ã§â€ºâ€˜Ã¦Å½Â§Ã¤Â¸Â­Ã¥Â¿Æ’ */
    .jkzx .overview .pic{width:50%;height:auto;}
    .jkzx .overview .text .txt{padding-top:0;line-height:120px;}
    .jkzx .overview .text .txt .num{font-size:170px;}
    .jkzx .control-list .type-item{padding-left:180px;}
    .jkzx .control-list .type-item ul li{padding-right:0;}

    .menu .item .option{width:200px;padding:10px 20px;}

    .page-about .overview .item .enterprise-logo{margin-top:60px;}
    .page-about .overview .item .line{display:none;}
    .page-about .team .member .member-item{width:50%;}
    .page-about .section-honor .honor-list .item .honor-name{font-size:16px;}

    .artical-page .sub-banner .col-l{font-size:70px;color:#202425;}
    .news-list li {width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
    .news-list li:nth-child(4n) {margin-right: 15px;}
    .news-list li:nth-child(3n) {margin-right: 0;}
    .related-cases .hd .name{font-size:40px;}
    
    .xc-page .xc-head .bg-img{border-top:400px dashed #fff; border-right:50vw solid transparent; border-left:50vw solid transparent;}
    .xc-page .xc-head .xc-head-pic{height:400px;}
    .xc-page .xc-head .b-text .line{width:300px;margin-left:-150px;}
    .xc-page .xc-head .b-text .b-txt:first-child{padding-right:75px;}
    .xc-page .xc-head .b-text .b-txt:last-child{padding-left:75px;}
    .xc-page .section .model-pic{height:360px;}
    
    /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† Being */
    .xcplan-page .plan-head .brief-introduction{margin-top:100px;margin-bottom:50px;}
    .xcplan-page .plan-head .plan-pic{height:555px;}
    .xcplan-page .plan-head .plan-name{font-size: 60px;line-height: 100px;}
    .xcplan-page .plan-head .bot{width:510px;font-size: 18px;line-height: 27px;margin-top:50px;}
    
    .xcplan-page .min-introduction .text{font-size:24px;line-height:30px;}
    .xcplan-page .min-introduction .txt{font-size:16px;line-height:21px;}


    .xcplan-page .section .diallel .item {padding:0 30px;}
    .xcplan-page .section .diallel .item .item-tit{font-size:24px;line-height:30px;}
    .xcplan-page .section .diallel .item .item-txt{font-size:16px;line-height:21px;}
    /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† End */
}
@media (max-width: 768px) {
  h1{font-size:50px;}
  .w1280{width: 100%;}
  .w1060{width: 90%;}
  .w840{width: 100%;}
  .banner .control{bottom:30px;}
  .banner .swiper-slide .pic{width:345px;height:400px;bottom:40px;}
  .banner .swiper-slide .pic.pic2{height:55%;top:100px;}
  .footer{padding-bottom:40px;}
  .footer .record-no{margin-top:20px;text-align: left}
  .contact .address .add{width: auto}

  
/* Ã¥Â®Â¢Ã¦Ë†Â·Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.picture-display.cc{padding-top: 0.555556rem;padding-bottom:1.666667rem;font-size: 0.277778rem;}
.picture-display.cc .left{top: 2.083333rem;}
.picture-display.cc .text{font-size: 0.277778rem;line-height: 0.277778rem;}
.picture-display.cc .img-list{padding: 0;}
.picture-display.cc .img-list .item .tit{height: 0.416667rem;}
.picture-display.cc .more{line-height: 0.416667rem;font-size: 12px;}
.picture-display.cc .more .ico{width: 0.416667rem;height: 0.416667rem;line-height: 0.416667rem;margin-right: 0.166667rem;}


.information-list{padding: 1.388889rem 0.555556rem 0.694444rem 0.555556rem;width: 100%;}
.information-list .f14{font-size: 14px;}
.information-list .name{font-size: 0.833333rem;line-height: 0.972222rem;margin-bottom: 0.694444rem;}
.information-list .box{min-height: 1.666667rem;}
.information-list&gt;.row&gt;div{margin-bottom: 0.694444rem;}
.information-list .right{width: 1.388889rem;height: 0.277778rem;right: -0.416667rem;top: 1.944444rem;font-size: 0.194444rem;line-height: 0.277778rem;display: none;}
.information-list .right .icfont{font-size: 0.333333rem;line-height: 0.277778rem;}
.information-list .ico,.icon-more{width: 0.416667rem;height: 0.416667rem;line-height: 0.416667rem;margin-right: 0.166667rem;}

.list-style .item{padding-bottom: 0.138889rem;}
.list-style .item+.item{padding-top: 0.138889rem;}
.list-style .item .img{width: 1.25rem;height: 0.833333rem;margin-right: 0.277778rem;}
.list-style .item .img img{width: 100%;height: 100%;}
.list-style .item:hover .img img{transform: scale(1.2);}
.list-style .item p{height: 0.833333rem;line-height: 0.833333rem;}
.list-style .item .icfont{line-height: 0.833333rem;}

/* Ã§Å½Â°Ã¤Â»Â£Ã¥â€&nbsp;Å“Ã¤Â¸Å¡Ã§Â¤ÂºÃ¨Å’Æ’Ã¥â€ºÂ­Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.theme{padding: 0.833333rem 0.555556rem 0.833333rem 0.555556rem;}
.theme .name{line-height: 1.666667rem;}
.theme .left{width: 4.444444rem;height: 0.277778rem;left: -1.944444rem;top:20%;font-size: 0.166667rem;display: none;}

.img-list{padding: 1.388889rem 0.555556rem 1.25rem 0.555556rem;}
.img-list .item{width:100%;margin-bottom: 0.833333rem;}
.img-list .item .tit{font-size: 14px;}
.img-list .pic{float: left;width:3.888889rem;height: 2.777778rem;margin-right: 0.555556rem;}
.img-list .pic img{width: 100%;height: 100%;}
.img-list .right{width: 1.388889rem;height: 0.277778rem;right: -0.416667rem;top: 1.944444rem;font-size: 0.194444rem;line-height: 0.277778rem;display: none;}
.img-list .right .icfont{line-height: 0.277778rem;font-size: 0.333333rem;}
.img-list .btn{width: 4.444444rem;height: 0.833333rem;line-height: 0.833333rem;font-size: 0.277778rem;}

/* Ã¥â€&nbsp;Å“Ã¤Â¸Å¡Ã§â€°Â©Ã¨Ââ€Ã§Â½â€˜Ã§â€ºâ€˜Ã¦Å½Â§Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.theme.msc .number{height: 1.111111rem;line-height: 0.833333rem;padding-bottom: 0.277778rem;margin: 0.277778rem 0;}
.theme.msc .area{font-size: 14px;}
.theme.msc&gt;.row&gt;div{margin-bottom: 0.555556rem;}

/* Ã¥â€&nbsp;Å“Ã¤ÂºÂ§Ã¥â€œÂÃ¥Â®â€°Ã¥â€¦Â¨Ã¦ÂºÂ¯Ã¦ÂºÂÃ¦Â¡Ë†Ã¤Â¾â€¹ */
.theme.tsc .number{font-size: 1.111111rem;line-height: 1.333333rem;height: 1.333333rem;}
.theme.tsc .img{height: 280px;}
/* .theme.tsc&gt;.row&gt;div{margin-bottom: 40px;} */

/* Ã¥â€&nbsp;Å“Ã¤Â¸Å¡Ã¦Â&nbsp;â€¡Ã¥â€¡â€&nbsp;Ã¥Å’â€“Ã§â€Å¸Ã¤ÂºÂ§Ã§Â³Â»Ã§Â»Å¸Ã¦Â¡Ë†Ã¤Â¾â€¹ */
.theme.psc .img{padding-bottom: 0;}

/* Ã§â„¢Â¾Ã¦Å¾Å“Ã¥â€ºÂ­ */
.img-list.bag .pic .ico{top: 0;right: 0;width: 1.527778rem;height: 1.527778rem;background-image: url(/images/bag-ico.png);background-repeat: no-repeat;background-size: 100%;}

/* Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ */
.theme.cd{height: 6.944444rem;}
.textInfo{margin: -6.666667rem 0.555556rem 0px 0.555556rem;padding: 0.694444rem 0 1.388889rem 0;}
/* .textInfo .news-detail{margin:0 0.416667rem;} */
.textInfo .news-detail video{max-width: 100%;}
.textInfo .type{font-size: 0.277778rem;line-height: 0.416667rem;}
.textInfo .text{margin: 0.694444rem 0;}
.textInfo .text p{min-height: 0.277778rem;line-height: 20px;font-size: 14px;}
.textInfo .img{margin-bottom: 0.694444rem;}
.textInfo .img img{width: 100%;margin-bottom: 0.180556rem;}
.textInfo .news-detail img{max-width: 100%;height:auto;}
.textInfo .img p{font-size: 0.194444rem;}

/* Ã¦â€“Â°Ã©â€”Â»Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ */
.textInfo .time .no{height: 0.416667rem;line-height: 0.416667rem;font-size: 0.416667rem;}

.page.details{background: #fff;}
.page.details .img-logo{background:url(../images/common/logo_c.svg) 0 0 no-repeat;background-size: 100%;}
.page.details .navbar-inverse .navbar-toggle .icon-bar{background-color: #202425;}
.page.details .page-top{background: #fff;}
.page.details .theme{background: #fff;}

  /* Ã©Â¦â€“Ã©Â¡Âµ */
  .overview .overview-list{height:290px;}
  .overview .overview-bot .overview-bot-l, .overview .overview-bot .overview-bot-r{height:180px;}

  .product-list .row.ylf .product-item-text .part-item .btn-more{display: none;}
  .product-list .row.ylf .product-item-text .part-item .cont{margin-right:0;}
  .product-list .row.ylf .pic-banner{margin-top:100px;}
  .product-list .row.yc .pic-banner{margin-top:200px;}
  .hardware .advantage{height:120px;}
  .hardware .advantage .advantage-item{padding:0 10px;}
  .hardware .advantage .txt{font-size:18px;line-height:20px;}
  .hardware .advantage .text{font-size:12px;line-height:20px;}
  .hardware .product .product-item img{width:100%;}

  .section-case {padding-bottom:50px;}
  .section-case .service-introduce .mind{margin: 0 180px}
  .section-case .service-introduce .introduce-item{width:180px;}
  .section-case .service-introduce .introduce-item .bot{height:40px;line-height:40px;}
  .section-case .service-introduce .introduce-item .bot p{font-size:30px;}
  .section-case .case-list{margin-top:0;}
  .section-case .case-list .tit{margin-bottom:0;}
  .section-case .case-list .case-item{width:100%;}
  .section-case .case-list .case-item .top .pic{width:360px;}
  .section-case .case-list .case-item .bot .box{width:90%;}
  .section-case .case-list .case-item .bot .box .file{width:110%;padding:20px;left:-30px;}
  .section-case .case-list .case-item .file-item{width:112px;margin-right:15px;margin-bottom:0;}
  .section-case .case-list .case-item .file-item:nth-child(5){display:block!important;}
  .qualified-list .qualified-item img{width:100%;}
  .qualified-list .qualified-item:last-child,.qualified-list .qualified-item:first-child{padding:0 20px}
  .qualified-list .qualified-item .txt{font-size:14px;bottom:20px;}

  .section-partner .bg-pic{margin-left:-350px;}
  .section-partner .partner-item{height:60px;}
  .section-partner .partner-item img{margin-top:10px;}

  .section-news{padding-bottom:50px;}
  .section-news .tit{margin-top:50px;font-size:24px;line-height:30px;}
  .section-news .news-tit{font-size:16px;}
  .section-news .news-reveal,.section-news .news-list{width:100%;float:none;box-sizing:border-box;}
  .section-news .news-reveal .news-pic{width:100%;height:223px;}
  .section-news .news-reveal .news-pic img{width:100%;height:100%;border-radius:8px;}
  .section-news .news-list {margin-top:20px;padding-left:0;}
  .section-news .news-list .item:nth-child(3n),.section-news .news-list .item:nth-child(4n){display: none}

  /* Ã¥â€¦Â³Ã¤ÂºÅ½ */
  .page-about .overview .pic{width:100%;}
  .page-about .overview .item{width:100%;padding-left:0;margin-top:40px;}
  .page-about .overview .item .enterprise-logo{width:230px;height:auto;margin-top:50px;}
  .page-about .overview .item p{font-size:16px;}
  .page-about .section-honor .honor-list .item{width:calc(100%/2);padding:0 20px;}
  .page-about .section-honor .honor-list .item .img_laurel.laurel-l{left:20px;}
  .page-about .section-honor .honor-list .item .img_laurel.laurel-r{right:20px;}
  .page-about .section-honor .honor-list .item .honor-name{font-size:20px;}

  /* Ã¨â‚¬ËœÃ§Â­â€“ */
  .yc .page-top{height:500px;padding-top:30px;}
  .yc .yc-banner .banner-text{margin-top:0;}
  .yc .yc-banner .banner-text .text{font-size:60px;}
  .yc .four-systems{width:100%;}
  .yc .yc-detail{margin-top:0;}
  .yc .yc-detail .detail-txt{width:100%;text-align: left}
  .yc .yc-detail .detail-txt .detail-tit br{display:none;}
  .yc .yc-detail .detail-txt .txt{width:100%;}
  .yc .yc-detail .detail-txt&gt;img{display: none}
  .yc .yc-detail .pic-mid{display: none}

  /* Ã¨â‚¬ËœÃ§Â«â€¹Ã¦â€“Â¹ */
  .banner-text{margin-top:60px;}
  .banner-text .text{font-size: 60px;margin-top:60px;}
  .ylf .section .describe .tit{font-size:24px;line-height:30px;}

  .ylf .page-top{height:500px;}
  .jkzx .overview .text .txt .num{font-size:120px;line-height:190px;}
  .jkzx .overview .text&gt;p{font-size:30px;}
  .jkzx .overview .overview-item .overview-data .num{font-size:50px;}
  .jkzx .overview .bd{height:auto;}
  .jkzx .equipment-list .list{height:auto;padding:0 20px;}
  .jkzx .equipment-list .list ul{width:100%;font-size:0;float:none;margin-top:30px;}
  .jkzx .equipment-list .list ul .list-item{width:25%;display:inline-block;}

  .jkzx .control-list{height:auto;}
  .jkzx .control-list .type-item{padding-left:160px}
  .jkzx .control-list .type-item .tit{width:120px;}
  .jkzx .control-list .type-item ul li{width:100%;font-size:0;margin-top:40px;}
  .jkzx .control-list .type-item ul li:first-child{margin-top:0;}
  .jkzx .control-list .type-item ul li p{width:25%;display:inline-block;}

  .zsxt .section .tit{font-size:40px;}
  .zsxt .section.part2 .pic{width:100%;height:auto;}
  .zsxt .section.part2 .link-describe .describe-item .tit{font-size:30px;line-height:30px;height:30px;}
  .zsxt .section.part2 .link-describe:last-child {height:auto;}
  .zsxt .section.part2 .link-describe:last-child .describe-item{width:100%;padding:0;border:none;float:none;margin-top:40px;}
  .zsxt .section.part2 .link-describe:last-child .describe-item .tit{height:auto;}
  .zsxt .section.part2 .link-describe:last-child .describe-item .txt{height:auto;}
  
  .zsxt .section.part3 .zs-list{margin-top:0;}
  .zsxt .section.part3 .zs-list .item .hd p{font-size:18px;}
  .zsxt .section.part3 .zs-list .item .bd{font-size:14px;margin-top:20px;}

  /* Ã§â€ºâ€˜Ã¦Âµâ€¹Ã¤Â»Âª */
  .section-banner .sub-title{font-size:80px;}
  .section-banner .yxb-logo{height:80px;}
  .page-monitor .data-list .item{width:50%;margin-bottom:40px;}
  .page-monitor .data-list .btn-more{margin: 0 0 50px}
  .page-monitor .suit .item h1{font-size:40px;}

  .page-monitor .advantage .advantage-list{margin-top:0;}
  .page-monitor .advantage .item{width:50%;padding-right:20px;margin-bottom:20px;}
  .page-monitor .advantage .item h2{font-size:30px;}
  .page-monitor .QR-code{margin:50px auto;}

  .sub-title{font-size:40px;line-height:50px;}
  .camera-parameter-list .value{height:60px;}
  .parameter-list .value{font-size:30px;}

  .yy-page .qr-panel{padding-top:100px;}
  .artical-page .sub-banner .col-l{padding-top:0;font-size:70px;color:#202425;}

  .news-slide{height: 480px;}
  .news-list .tit{min-height: 48px}
  .news-list li{width:50%;margin-right:0;padding:0 10px;}
  .news-list .pic{width:100%;height:200px;}
  .news-list li:nth-child(4n){margin-right:0;}

  
  .xc-page .xc-head .bg-img{border-top:300px dashed #fff; border-right:50vw solid transparent; border-left:50vw solid transparent;}
  .xc-page .xc-head .xc-head-pic{height:300px;}
  .xc-page .xc-head .b-text .line{width:150px;margin-left:-75px;}
  .xc-page .section .model-pic{height:300px;}
  .xc-page .project-list .item{width: 50%;}
  
    /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† Being */
    .xcplan-page .plan-head .brief-introduction{margin-bottom:0;}
    .xcplan-page .plan-head .plan-pic{height:400px;}
    .xcplan-page .plan-head .plan-name{font-size: 40px;line-height: 60px;}
    .xcplan-page .plan-head .bot{width:450px;font-size: 14px;line-height: 21px;margin-top:40px;}
    
    .xcplan-page .min-introduction .txt{margin-top:50px;}

    .xcplan-page .section .diallel .item {padding:0 15px;margin-top:40px;}
    .xcplan-page .section .diallel .item .item-tit{font-size:20px;line-height:30px;}
    .xcplan-page .section .diallel .item .item-txt{font-size:14px;line-height:21px;}
    /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† End */
}
@media only screen and (max-width:720px) {
  h1{ font-size:0.833333rem;}
  h2{font-size:0.694444rem;color: #202425;}
  h3{font-size:0.333333rem;color: #202425;}
  .mt10{margin-top:0.138889rem;}
  .mt15{margin-top: 0.208333rem;}
  .mt20{margin-top:0.277778rem;}
  .mt30{margin-top: 0.416667rem;}
  .mt35{margin-top: 0.466667rem;}
  .mt36{margin-top:0.48rem;}
  .mt37{margin-top: 0.493333rem;}
  .mt40{margin-top: 0.555556rem;}
  .mt45{margin-top: 0.625rem;}
  .mt50{margin-top: 0.694444rem;}
  .mt60{margin-top: 0.833333rem;}
  .mt70{margin-top: 0.972222rem;}
  .mt80{margin-top: 1.111111rem;}
  .mt90{margin-top: 1.25rem;}
  .mt100{margin-top:1.388889rem;}
  .mb120{margin-bottom:1.666667rem;}
  .ml20{margin-left: 0.277778rem;}
  .ml40{margin-left: 0.555556rem;}
  .mr5{margin-right:0.069444rem;}
  .mr10{margin-right:0.138889rem;}
  .mr15{margin-right: 0.208333rem;}
  .mr20{margin-right: 0.277778rem;}
  .mr80{margin-right: 1.111111rem;}
  .mr30{margin-right: 0.416667rem;}
  .mlr15{margin-right: 0.208333rem;margin-left: 0.208333rem;}
  .lh1{line-height: 1;}
  .lh40{line-height: 0.555556rem;}
  .lh70{line-height: 0.972222rem;}
  .lh80{line-height: 1.111111rem;}
  .f20{font-size: 0.277778rem;}
  .f30{font-size: 0.416667rem;}
  .f40{font-size: 0.555556rem;}
  .f50{font-size: 0.694444rem;}
  .f70{font-size: 0.972222rem;}
  .f80{font-size: 1.111111rem;}
  .f60{font-size: 0.833333rem;} 
    .w1280{width: 100%;margin: 0;padding:0 20px;}
    .w1060{width: 90%;}
    /* .pdt100{padding-top:1.388889rem;} */
    .pd100{padding:1.388889rem 0.555556rem 1.388889rem 0.555556rem;}
    .pdtb100{padding-top:1.388889rem;padding-bottom:1.388889rem;}
    .pdr60{padding-right: 0.833333rem;}
    .pdr50{padding-right: 0.694444rem;}
    .pdr20{padding-right: 0.277778rem;}
    .pdl20{padding-left: 0.277778rem;}
    .pdlr20{padding-left: 0.277778rem;padding-right: 0.277778rem;}

    .banner{height:570px;}
    .banner .control{bottom:20px;}
    .banner .item{width:100%;height:100%;}
    .banner .item .bot{position: absolute;bottom:30px;}
    .banner .item .bot .bot-item{margin: 0;width:80px;margin-left:50px;}
    .banner .item .bot .bot-item:first-child{margin-left:0;}
    .banner .item .bot .bot-item p{display:none;}
    .banner .swiper-container, .banner .swiper-wrapper, .banner .swiper-slide{height:540px;}
    .banner .swiper-slide .yxb-camera p{font-size:45px;line-height:55px;}
    .banner .swiper-slide .yxb-camera p br{display:block;}
    .banner .swiper-slide .bot-item div{font-size:14px;line-height:25px;}
    .banner .swiper-slide .pic{width:297px;height:345px;left:50%;margin-left:-150px;bottom:30px;}
    .banner .swiper-slide .pic.pic2{height:50%;top:150px;}
    .banner .swiper-slide .yxb-camera{margin-top:20px;}

    .banner .swiper-slide .xczx .top{font-size: 25px;line-height: 40px;margin-top:1rem;}
    .banner .swiper-slide .xczx .top b{font-size: 30px;line-height:40px;}
    .banner .swiper-slide .xczx .bot .txt{font-size: 0.25rem;line-height: 0.416667rem;padding-left:0.416667rem;margin-bottom:0.138889rem;}
    .banner .swiper-slide .xczx .bot{position: inherit;bottom: inherit}
    .banner .swiper-slide .xczx .bot .txt .point{width:0.138889rem;height:0.138889rem;top:0.138889rem;left:0;}

    .navbar-nav.active{width:80%;}
    .navbar-inverse .navbar-collapse .navbar-nav &gt; li &gt; a{border-radius: 0;}
    .navbar-inverse .navbar-collapse .navbar-nav &gt; li.open&gt;a{background:none;color:#202425;}
    .navbar-inverse .navbar-collapse .navbar-nav &gt; li:hover &gt; a{color: #202425;background: none;}

    .footer{ padding:0 0 2.877778rem 0;}
    .footer .box{height:auto;}
    .footer .box .address{width:100%;margin-top:20px;}
    .contact .wechart_code .item{display:inline-block;}
    .contact .wechart_code .item:first-child{margin-right:40px;}
    .footer .friendship-link .row div{display:inline-block;width:50%;}
    .footer .record-no{margin-top:20px;text-align: left}

    .theme.cd{height: 3.944444rem;}
    .textInfo{margin: -4.266667rem 0.555556rem 0px 0.555556rem;padding: 0.694444rem 0 1.388889rem 0;}
    .textInfo .news-detail{margin:0;}

    .textInfo .type{font-size: 0.277778rem;}
    .textInfo .text{margin: 50px 0;line-height: 0.416667rem;}
    .textInfo .text p{min-height: 0.277778rem;}
    .textInfo .img{margin-bottom: 0.694444rem;}
    .textInfo .img img{margin-bottom: 0.180556rem;}
    .textInfo .img p{font-size: 0.194444rem;}
    .textInfo .news-detail .bottom-nav{text-align: center;}

    .page.details{background: #fff;}
    .page.details .img-logo{background:url(../images/common/logo_c.svg) 0 0 no-repeat;background-size: 100%;}
    .page.details .navbar-inverse .navbar-toggle .icon-bar{background-color: #202425;}
    .page.details .page-top{background: #fff;}
    .page.details .theme{background: #fff;}
    .page.details .navbar-inverse  .navbar-collapse .navbar-nav &gt; li &gt; a{color:#202425;}
    .page.details .navbar-inverse .navbar-collapse .navbar-nav &gt; li.active &gt; a{background:none;color:#17d;}
    .page.details .navbar-inverse .navbar-collapse .navbar-nav &gt; li:hover &gt; a{background:none;color:#17d;}
    .page.details .navbar-inverse.bg-gray .navbar-collapse .navbar-nav &gt; li.active &gt; a{background:none;color:#17d;}
    .page.details .navbar-inverse.bg-gray .navbar-collapse .navbar-nav &gt; li:hover &gt; a{background:none;color:#17d;}


    /* Ã¦â€“Â°Ã©â€”Â»Ã¨Â¯Â¦Ã¦Æ’â€¦Ã©Â¡Âµ */
    .textInfo .time .no{height: 0.416667rem;line-height: 0.416667rem;font-size: 0.416667rem;}


    /* Ã©Â¦â€“Ã©Â¡Âµ Begin */
    .overview .tit{font-size:45px;}
    .overview .overview-list{height:auto;margin-top:0;}
    .overview .overview-list .overview-item{width:100%;}
    .overview .overview-bot{height:260px;}
    .overview .overview-bot .pic{width:100%;}
    .overview .overview-bot .overview-bot-l,.overview .overview-bot .overview-bot-r{display:none;}
    /* Ã¤ÂºÂ§Ã¥â€œÂÃ¥Ë†â€”Ã¨Â¡Â¨ */
    .product-list .row.s1 {background:#E0E4E5;}
    .product-list .row.s2 {background:#fff;}
    
    .product-list .row{position: relative}
    .product-list .row .product-item .product-cont{width:100%;padding:50px 0 0 0;box-sizing:border-box;float:none;}
    .product-list .row.ylf,.product-list .row.ylf .product-item{padding-bottom:20px;}
    .product-item .btn-more{display:block;margin: 20px auto 0;}
    .product-item .product-item-img img{width:100%;}
    .product-list .row.ylf .product-item-text .part-item .cont{margin-right:0;}
    .product-list .row.ylf .product-item-text .part-item .btn-more{display: none;}
    .product-list .row.yc .pic-banner,.product-list .row.ylf .pic-banner{margin-top:0;}

    /* Ã§Â¡Â¬Ã¤Â»Â¶Ã¦Â¨Â¡Ã¥Ââ€” */
    .hardware .advantage{height:auto;border:none;padding:0;display: none;}
    /* .hardware .advantage1{background:url('http://wlwzb.nonghi.net:8001/chanyeyuan.png');height:800px;width:100%;} */
    .hardware .advantage .advantage-item{width:100%;border-left: none;margin-top:20px;}
    .hardware .advantage .advantage-item:first-child{border-left: none;}
    .hardware .advantage .text{font-size:16px;}
    .hardware .product .product-item{width:100%;}
    .hardware .product .product-item img{width: 100%;}
    .hardware .product .product-item .txt{font-size:14px;}
    .section-case .service-introduce{padding:0;}
    .section-case .service-introduce .cont{width:100%;text-align: left;float:none;padding:0 10px;}
    .section-case .service-introduce .introduce-item{width:100%;padding-bottom:20px;margin-top:20px;}
    .section-case .service-introduce .mind{margin:40px 0 0 0;}
    .section-case .service-introduce .mind img,.section-case .service-introduce .mind .pic{width:100%;}
    .section-case .tit{font-size:30px;line-height:40px;}
    .section-case .case-list {margin-top:20px;}
    .section-case .case-list .case-item{width:100%;margin-top:20px;}
    .section-case .case-list .case-item .top .pic{width:100%;height: auto;}
    .section-case .case-list .case-item .bot .box{}
    .section-case .case-list .case-item .bot .box .file{padding:15px;position: relative;top:10px;left:-10px;}
    .section-case .case-list .case-item .file-item{margin-right:15px;margin-bottom:15px;width:80%;}
    .section-case .case-list .case-item .file-item .text{height:auto;}
    .section-case .case-list .case-item .file-item:nth-child(5){display:none!important;}
    .section-qualified .tit{margin-top:50px;font-size:30px;line-height:40px;}
    .qualified-list .qualified-item{width:100%;height:auto;margin-top:20px;border-top: 1px solid rgba(255,255,255,0.3);border-left:none;padding:40px 20px 0;}
    .qualified-list .qualified-item:first-child{padding:40px 20px 0;}
    .qualified-list .qualified-item:last-child{padding:40px 20px 0;}
    .qualified-list .qualified-item img{width:50%;}
    .qualified-list .qualified-item .txt{width:100%;margin-top:100px;position: inherit;font-size:18px;}

    .section-partner {padding-bottom:50px;}
    .section-partner .tit{margin-top:50px;font-size:30px;}
    .section-partner .bg-pic{width:100%;position: absolute;top:100px;left:0;margin-left:0;height:auto;}
    .section-partner .partner-list .cont{width:auto;}
    .section-partner .partner-item{width:calc(100%/2 - 20px);height:40px;border-radius: 20px;margin:0 10px 20px!important;box-sizing: border-box}
    .section-partner .partner-item img{margin-top:5px;height:30px;}

    .section-news .news-list .item{margin-top:20px;}
    /* Ã©Â¦â€“Ã©Â¡Âµ End */

    /* Ã¥â€¦Â³Ã¤ÂºÅ½ Begin */
    .page-about h1{padding-top: 50px;}
    .page-about .section{padding: 0}
    .page-about .overview .pic{width:100%;}
    .page-about .overview .text-black br{display:none;}
    .page-about .overview .item{width:100%;padding-left:0;margin-top:40px;}
    .page-about .overview .item .enterprise-logo{width:auto;height:60px;margin-top:20px;}
    .page-about .overview .bot{margin-top:50px;padding-bottom:50px;}
    .page-about .qualification .txt{width:100%;margin-top:20px;}
    .page-about .qualification .program{margin-top:50px;}
    .page-about .qualification .program .item{width:calc(100%/2);padding: 0 20px;}
    .page-about .qualification .program .item .program-img{width:100%;height:auto;}
    .page-about .qualification .program .item p{margin-top:20px;font-size:14px;line-height: 20px;}
    .page-about .team .member{font-size:0;margin-top:50px;}
    .page-about .team .member .member-item{width:100%;padding-right:0;}
    .page-about .section-honor .honor-list{padding-bottom:50px;}
    .page-about .section-honor .honor-list .item{width:100%;padding:0;margin-top:50px;}
    .page-about .section-honor .honor-list .item .honor-name{font-size: 20px;line-height:20px;}
    .page-about .section-honor .honor-list .item .img_laurel.laurel-l{left:0;}
    .page-about .section-honor .honor-list .item .img_laurel.laurel-r{right:0;}
    .page-about .section-honor .honor-list .item .pic-star{width:100%;}
    /* Ã¥â€¦Â³Ã¤ÂºÅ½ End */

    /* Ã¨â‚¬ËœÃ§Â­â€“ Begin */
    .yc .page-top{height:600px;}
    .yc .yc-banner .pic{width:100%;}
    .yc .yc-banner .pic img{width:100%;height:auto;}
    .yc .yc-logo{width:auto;height:auto}
    .yc .yc-banner .banner-text{width:100%;margin-top:20px;}
    .yc .yc-banner .banner-text .text{margin-top:20px;font-size:40px;line-height:45px;}
    .yc .section{padding: 50px 0 0}
    .yc .section h1{line-height:40px;}
    .yc .four-systems {width:100%;height:auto;margin: 30px auto}
    .yc .four-systems .num{width:25px;height:50px;font-size: 24px;line-height:50px;}
    .yc .four-systems .txt{font-size:14px;line-height: 25px}
    .yc .four-systems .txt p{font-size: 18px;}
    .yc .four-systems .row{width:100%;position: absolute;top:0;left:15px}
    .yc .four-systems .row+.row{bottom:0;top:auto;}
    .yc .yc-detail {margin-top:0;}
    .yc .yc-detail .pic-mid{display:none;}
    .yc .yc-detail .detail-txt{width:100%;text-align: center}
    .yc .yc-detail .detail-txt .detail-tit{font-size: 22px;}
    .yc .yc-detail .detail-txt .detail-tit br{display:none;}
    .yc .yc-detail .detail-txt .txt{width:100%;height:auto;margin-bottom:40px;font-size:14px;}
    .yc .yc-detail .detail-txt&gt;img{display:none;}
    .yc .section .pic{width:100%;height:auto;margin-top:30px;}
    .yc .section .describe{height:auto;margin-bottom:0;padding-bottom:40px;}
    .yc .section .describe-item{width:100%;padding:0;float: none}
    .yc .section .describe .tit,.yc .section .describe .txt{height:auto;}
    .yc .section .describe .tit{font-size:24px;line-height:40px;}
    .yc .section .describe .txt{font-size:14px;margin-top:20px;}
    /* Ã¨â‚¬ËœÃ§Â­â€“ End */

    .ylf .page-top{height:600px;}
    .ylf .banner-text{width:100%;margin-top:20px;}
    .ylf .banner-text .text{margin-top:20px;font-size:40px;line-height:45px;}
    .ylf .section {padding: 50px 0}
    .ylf .section h1{line-height:40px;font-size:24px;margin-top: 0;}
    .ylf .section .pic{width:100%;height:auto;margin-top:30px;}
    .ylf .section .describe{height:auto;}
    .ylf .section .describe-item{width:100%;float:none;margin-top:20px;}
    .ylf .section .describe .tit{line-height:20px;font-size:18px;}
    .ylf .section .describe .txt{height:auto;margin-top:20px;font-size:14px;line-height:20px;}
    
    .zs-banner .pic{width:100%;}
    .zs-banner .pic img{width:100%;height:auto;}
    .zsxt-logo{width:auto;height:auto}
    /* Ã¨Â¿Â½Ã¦ÂºÂ¯Ã§Â³Â»Ã§Â»Å¸ Begin */
    .zsxt .section .tit{font-size: 24px;line-height:30px;}
    .zsxt .section .banner-pic{width:100%;}
    .zsxt .section.part1 .tit1{line-height:40px;}
    .zsxt .section.part2 .serial{display:none;}
    .zsxt .section.part2 .link-describe{margin-top:0;}
    .zsxt .section.part2 .link-describe .describe-item{width:100%;border:none;padding: 0;float: none;margin-top:30px;}
    .zsxt .section.part2 .link-describe .describe-item .tit{height:20px;font-size:20px;line-height: 20px;font-weight: bold}
    .zsxt .section.part2 .link-describe .describe-item .txt{height:auto;line-height: 20px;}
    .zsxt .section.part2 .link-describe:last-child{margin-top:20px;height:auto;}
    .zsxt .section.part2 .link-describe:last-child .describe-item .tit{height:auto;font-size:20px;line-height:20px;font-weight: bold}
    .zsxt .section.part2 .link-describe:last-child .describe-item .txt{height:auto;}
    .zsxt .section.part2 .pic{width:100%;height:auto;}
    .zsxt .section.part2 .pic img{width:100%;height:auto;}

    .zsxt .section.part3 .zs-list {height:auto;font-size:0;margin-top:0;}
    .zsxt .section.part3 .zs-list .item{width:100%;padding:0;}
    .zsxt .section.part3 .zs-list .item .pic{width:100%;height:auto;margin-top:30px;}
    .zsxt .section.part3 .zs-list .item .hd p{font-size: 24px;line-height: 30px;margin-top: 10px}
    .zsxt .section.part3 .zs-list .item .bd{font-size: 18px;text-align: center;line-height: 20px;margin-top:40px;}
    /* Ã¨Â¿Â½Ã¦ÂºÂ¯Ã§Â³Â»Ã§Â»Å¸ End */

    /* Ã§â€ºâ€˜Ã¦Å½Â§Ã§Â³Â»Ã§Â»Å¸ Begin*/
    .jkzx .section .model-tit{font-size:18px;}
    .jkzx .overview .pic{width:100%;height:auto;}
    .jkzx .overview .text .txt{line-height: 90px;}
    .jkzx .overview .text .txt .num{font-size: 90px;line-height: 90px;}
    .jkzx .overview .text&gt;p{font-size:20px;}
    .jkzx .overview .bd{height:auto;margin-top: 0}
    .jkzx .overview .overview-item{width:100%;padding:0;margin-top:20px;}
    .jkzx .overview .overview-item .overview-data{height:40px;}
    .jkzx .overview .overview-item .overview-data .num{font-size: 40px;line-height:40px;}
    .jkzx .overview .overview-item .item-t{padding-bottom:20px;}
    .jkzx .overview .overview-item .item-b{padding-top:20px;font-size: 14px;line-height: 20px;}
    
    .jkzx .equipment-list .pic{width:100%;height:auto;}
    .jkzx .equipment-list .list{height:auto;}
    .jkzx .equipment-list .list .tit{margin-bottom:0;}
    .jkzx .equipment-list .list ul{width:100%;float: none;font-size: 0;margin-top:20px;}
    .jkzx .equipment-list .list ul .list-item{width:50%;height:40px;display:inline-block;}

    .jkzx .control-list{height:auto;}
    .jkzx .control-list .type-item{padding:0;margin-top:20px;}
    .jkzx .control-list .type-item .tit{width:180px;font-size: 20px;line-height:20px;position: inherit;top:0;}
    .jkzx .control-list .type-item ul li{width:100%;padding-right:0;margin-top:20px;font-size:0;}
    .jkzx .control-list .type-item ul li:first-child{margin-top:20px;}
    .jkzx .control-list .type-item ul li p{width:33.3333%;display:inline-block;margin-right:0;vertical-align:top;}
    /* Ã§â€ºâ€˜Ã¦Å½Â§Ã§Â³Â»Ã§Â»Å¸ End*/

    /* Ã¨â‚¬ËœÃ¥Â°ÂÃ¥Â®ÂÃ§â€ºâ€˜Ã¦Âµâ€¹Ã¤Â»Âª Begin */
    .section-banner .sub-title{font-size: 40px;line-height: 60px;text-align:left;padding:0 20px;}
    .section-banner .describe{margin-top:20px;text-align:left;}
    .section-banner .yxb-logo{width:auto;height:auto;display:block;margin-bottom:20px;}
    .section-banner .section-banner-pic{width:100%;height:auto;}
    .page-monitor .suit .item{width:100%;padding:0;}
    .banner-pic{width:100%;height:auto;}
    .banner-tit{font-size:30px;margin-bottom:20px;}
    .page-monitor .data-list .item{width:100%;padding-right:0;}
    .page-monitor .data-list .item .icfont{font-size:40px;}
    .page-monitor .data-list .item .text{font-size:24px;line-height:40px;}
    .page-monitor .data-list .item .mid&gt;p{font-size:18px;}
    .page-monitor .advantage .advantage-list{margin-top:0;}
    .page-monitor .advantage .item{width:100%;padding:0;margin-top:40px;}
    .page-monitor .advantage .item:first-child{margin-top:0;}

    .page-monitor .QR-code{width:100%;margin: 50px auto;}
    .page-monitor .QR-code .item{width:100px;display: inline-block;}
    .page-monitor .QR-code .item:first-child{margin-right:20px;}
    .page-monitor .QR-code .item .code-img{width:100px;height:100px;}
    /* Ã¨â‚¬ËœÃ¥Â°ÂÃ¥Â®ÂÃ§â€ºâ€˜Ã¦Âµâ€¹Ã¤Â»Âª End */

    /*Ã¨â‚¬ËœÃ¥Â°ÂÃ¥Â®ÂÃ§â€ºÂ¸Ã¦Å“Âº*/
    .yxb-camera .section .describe{font-size: 18px;line-height: 30px;}
    .yxb-camera .qrcode-list .pic{width: 100px;height: 100px;}
    .yxb-camera .parameter-list li{border:none;width: 100%;margin-top:20px;}
    .camera-parameter-list li{width:100%;border:none;}
    .yxb-camera .qrcode-list li .pic{width:140px;height:140px;}
    .yxb-camera .sub-title{font-size:30px;line-height:40px;margin-bottom:20px;}
    .yxb-camera .sub-title.top-title{font-size:40px;}
    .lizushandong{font-size: 30px;margin-top:-15px;}
    /* Ã¨â‚¬ËœÃ§Å“Â¼ */
    .sub-banner{padding-top: 50px;}
    .sub-banner .col-l{width: 100%;padding-top: 0;}
    .sub-banner .col-r{width: 100%;float:none;}
    .sub-banner .col-l .title{font-size: 70px;line-height: 80px;}
    .yy-page .yy-logo{width: 140px;height: 60px;}
    .yy-page .qr-panel{padding-top: 40px;}
    .yy-page .banner-pic{width: 100%;}
    .yy-page .section .describe{margin-top:20px;}
    .function-list li{border:none;}
    .function-list .icfont{width: 40px;height: 40px;font-size: 20px;}
    .yy-page .service-list{padding-bottom:50px;}
    .yy-page .service-list li {width: 100%;margin:0;}
    .yy-page .service-list li .pic{width: 100%;}
    .yy-page .business-list{padding-bottom:50px;}
    .yy-page .business-list li {width: 100%;margin:20px 0 0 0;}

    /* Ã§â€ºÂ¸Ã¥â€¦Â³Ã¦Â¡Ë†Ã¤Â¾â€¹ */
    .news-list .pic{width: 100%;height: 113px;}
    .news-list .info{padding-top:15px;}
    .news-list .tit{font-size: 12px;line-height: 20px;}

    /* Ã¤ÂºÂ§Ã¥â€œÂÃ¨ÂÅ“Ã¥Ââ€¢ Begin */
    .menu{height:auto;padding-bottom:50px;}
    .menu .item{width:100%;height:auto;border:none;margin-top:40px;}
    .menu .item:first-child{margin-top:0;}
    .menu .item .pic{width:100%;height:auto;}
    /* Ã¤ÂºÂ§Ã¥â€œÂÃ¨ÂÅ“Ã¥Ââ€¢ End */

    
    /* Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¥Ë†â€”Ã¨Â¡Â¨ Begin */
    .page-case{padding:0;}
    .case-menu .item{width:100%;height:710px;padding: 0;border:none;}

    .case-tabs-bar .tabs {width: 100%;white-space: nowrap;overflow-x: auto;}
    .case-tabs-bar li {text-align: center;float:none;width: 150px;margin-right: 0;height: 50px;cursor: pointer;display: inline-block;vertical-align: top;}
    /* Ã¦Â¡Ë†Ã¤Â¾â€¹Ã¥Ë†â€”Ã¨Â¡Â¨ End */

    .news-slide{height:240px;}
    .news-slide .bg-mask .text{font-size:18px;line-height:20px;padding:0 20px 10px;}
    .news-slide .slide-button-prev, .news-slide .slide-button-next{width:40px;height:40px;padding:5px;margin-top:-20px;}
    .news-slide .slide-button-prev .icfont, .news-slide .slide-button-next .icfont{font-size:30px;}
    .news-slide .slide-button-prev{left:10px;}
    .news-slide .slide-button-next{right:10px;}
    .news-list li {width: calc(50% - 5px);margin-right: 10px;padding:0;}
    .news-list li:nth-child(4n) {margin-right: 10px;}
    .news-list li:nth-child(3n) {margin-right: 10px;}
    .news-list li:nth-child(2n) {margin-right: 0;}

    .xc-page .xc-head{padding-top:1.111111rem;margin-top:0;}
    .xc-page .xc-head .t-text .txt-item{width:100%;text-align: center;}
    .xc-page .xc-head .t-text .txt-item b{color:#fff;}
    .xc-page .xc-head .t-text .txt-item p{color:#fff;}
    .xc-page .xc-head .bg-img{display: none}
    .xc-page .xc-head .xc-head-pic{height:4.166667rem;}
    .xc-page .xc-head .b-text .b-txt{width:100%;}
    .xc-page .xc-head .b-text .b-txt:first-child{padding-right:0;}
    .xc-page .xc-head .b-text .b-txt:last-child{padding-left:0;}
    .xc-page .xc-head .b-text .line{display: none;}
    .xc-page .section h1 br{display: none;}
    .xc-page .section .model-pic{height:4.166667rem;}
    .xc-page .project-section .tit{font-size:0.833333rem;line-height:1.111111rem;}
    .xc-page .project-list .item{padding: 0 0.277778rem;margin-top: 1.11111rem;width:100%;}
    .xc-page .project-list .item .cot{padding:0 0.138889rem;}
    /* .xc-page .project-list .item p{font-size:0.25rem;line-height:0.555556rem;}
    .xc-page .project-list .item .pic{width: 2.5rem;height: 1.666667rem;margin-top: -0.555556rem;}
    .xc-page .project-list .item .btn-more{width: 1.944444rem;height: 0.555556rem;line-height: 0.555556rem;font-size: 0.222222rem;margin-bottom:0.555556rem;} */
    
    /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† Being */
    .xcplan-page .plan-head {padding-top:0;padding-bottom:0;}
    .xcplan-page .plan-head .plan-pic{width:100%;height:auto;position: inherit;}
    .xcplan-page .plan-head .plan-name{font-size: 1.111111rem;line-height: 1.666667rem;margin-top:20px;}
    .xcplan-page .plan-head .bot{width:auto;font-size:14px;line-height: 20px;margin-top:0.555556rem;}
    
    .xcplan-page .min-introduction .txt{margin-top:0.694444rem;}

    .xcplan-page .section .tit{font-size:0.555556rem;line-height:0.833333rem;}
    .xcplan-page .section .diallel .item {width:100%;padding:0;margin-top:0.555556rem;}
    .xcplan-page .section .diallel .item .item-tit{font-size:20px;line-height:30px;}
    .xcplan-page .section .diallel .item .item-txt{font-size:14px;line-height:20px;margin-top:0.555556rem;}
    /* Ã¤Â¹Â¡Ã¦Ââ€˜Ã¦Å’Â¯Ã¥â€¦Â´Ã¥â€¦Â­Ã¥Â¤Â§Ã¨Â§Â£Ã¥â€&nbsp;Â³Ã¦â€“Â¹Ã¦Â¡Ë† End */
}


.video-dialog{border: 1px solid #000 !important;}
.video-dialog.ui-dialog .ui-dialog-content{background: #000;}
.video-dialog.ui-draggable .ui-dialog-titlebar{border-color: #000;background: #000;}
.video-dialog .video-js .vjs-big-play-button{top: 50%;left: 50%;transform: translateY(-50%);}


.guanfang_right{
	width: 300px;
	height: 150px;
	margin-right: 330px;
}
.guanfang_right img{
	width: 100%;
	height: 100%;
}

.advantage1{
	width: 100%;
	height: auto;
	padding: 80px;
	/* background-color:aliceblue; */
}
.advantage1 table {
    width: 95%;
	height: auto;
	margin: 0 auto;
    table-layout: fixed;
    border-left: 3px solid #00cfa6;
    border-top: 3px solid #00cfa6;
  } 
 .advantage1 table td {
    border-right: 3px solid #00cfa6;
    border-bottom: 3px solid #00cfa6;
    vertical-align: middle;
    text-align: center;
    padding: 12px 0;
    color: #666;
    font-size: .5rem;
	font-weight: 700;
	line-height: 50px;
  }
  .advantage1 table tr {
    font-weight: normal;
  }
 
  .layui-tab .layui-tab-title{
	  display: flex;
	  height: auto;
  }
   .layui-tab .layui-tab-title li{
			/* float: left; */
			z-index:12;
	       text-align: center;
	       width: 33.3333%;
		   line-height: 50px;
		   height: 50px;
	       border-right: 1px solid #fff;
	       font-family: Regular;
	       box-sizing: border-box;
	       cursor: pointer;
		   color: #fff;
   }
   .layui-tab .layui-tab-title li:nth-child(2){
	   z-index: 14;
   }
   .layui-tab .layui-tab-title li:nth-child(3){
			z-index: 15;
   			border: none;
   }
   .layui-tab .layui-tab-title li span{
	  position: absolute;
	  top: 4px;
	  left: 50%;
		transform: translateX(-50%);
	  z-index: 11;
	   font-size: .35rem;
	   font-weight: 700;
	   letter-spacing: 2px;
   }
   .layui-tab-brief&gt;.layui-tab-title .layui-this{
	   color: #fff !important;
   }
   .layui-tab-brief&gt;.layui-tab-more li.layui-this:after,.layui-tab-brief&gt;.layui-tab-title .layui-this:after {
	   height: 50px;
	   border: none !important;
	   background-image: linear-gradient(to right, #06ba96, #39d28b, #66e782);
   }
  .layui-tab .layui-tab-title{
			margin-top: 50px;
			width: 100%;
	         height: 50px !important;
	         line-height: 50px;
	         border-radius: 25px;
	         border: 1px solid #fff;
	         overflow: hidden;
	         margin-bottom: 45px;
	     }
	 }
  }
  
  .layui-tab&gt;&gt;&gt;.fuwu_content .left{
	   width: 50%;
   }
  .dingdan {display: flex;width: 100%;}
  .dingdan .tit{font-size: 18px;line-height: 30px;color: #fff;}
   .dingdan .text{font-size: 14px;line-height: .55rem;color: #fff;}
  .dingdan .left{width: 50%;}
  .dingdan .right{width: 50%;}
  .dingdan .cont{margin-left: 100px;}
  .dingdan .pic{width: 60px;height: 60px;}
  .dingdan .brief-introduce{margin-top: 40px;font-size: 16px;line-height: 20px;color: #fff;}
  .dingdan .txt-r{text-align: right;}
  .dingdan .right .hd .pic{width: 20px;height: 20px;margin-top: 20px;}
  	
	.shuzi {display: flex;width: 100%;}
	.shuzi .tit{font-size: 18px;line-height: 30px;color: #fff;}
	 .shuzi .text{font-size: 14px;line-height: 30px;color: #fff;}
	.shuzi .left{width: 50%;}
	.shuzi .right{width: 50%;}
	.shuzi .cont{margin-left: 100px;}
	.shuzi .pic{width: 60px;height: 60px;}
	.shuzi .brief-introduce{margin-top: 40px;font-size: 16px;line-height: 20px;color: #fff;	  }
	.shuzi .txt-r{text-align: right;}
	.shuzi .right .hd .pic{width: 20px;height: 20px;margin-top: 20px;}
		.shuzi .right .rightImg{width: 510px;margin-top: 55px;}
	.shuzi .left .btn-more{
			width: 140px;
		    height: 40px;
		    background:#e6f6f3;
			color:#13ab8b;
		    font-size: 16px;
		    text-align: center;
		    line-height: 40px;
		    border-radius: 20px;
		    display: inline-block;
		    cursor: pointer;
			transition: all .5s;
			z-index: 99;
	}
	.shuzi .left .btn-more:hover{
		color: #fff;
		background-image: linear-gradient(to right, #06ba96, #39d28b, #66e782);
	}
	
	.yuanqu {display: flex;width: 100%;}
	.yuanqu .tit{font-size: 18px;line-height: 30px;color: #fff;}
	 .yuanqu .text{font-size: 14px;line-height: 30px;color: #fff;}
	.yuanqu .left{width: 50%;}
	.yuanqu .right{width: 50%;}
	.yuanqu .cont{margin-left: 100px;}
	.yuanqu .pic{width: 60px;height: 60px;}
	.yuanqu .brief-introduce{margin-top: 40px;font-size: 16px;line-height: 20px;color: #fff;	  }
	.yuanqu .txt-r{text-align: right;}
	.yuanqu .right .hd .pic{width: 20px;height: 20px;margin-top: 20px;}
		.yuanqu .right .rightImg{width: 510px;margin-top: 55px;}
	
	
	.news_title{
		text-align: center;
		    font-family: Medium;
		    font-size: 40px;
		    color: #333;
		    position: relative;
		    margin-bottom: 70px;
		    font-weight: bold;
	}
	.news_title::before{
		    position: absolute;
		    content: '';
		    left: 50%;
		    top: 70px;
		    width: 96px;
		    background: #129f81;
		    height: 3px;
		    margin-left: -48px;
	}
	.news_box{
		    margin: 0 auto;
			margin-left: 40px;
	}
	.news_box .news_item{
		    float: left;
		    width: 370px;
		    margin-left: 27px;
			margin-bottom: 20px;
		    border-radius: 10px;
		    overflow: hidden;
		    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
		    transition: all .2s;
			cursor: pointer;
	}
	.news_box .news_item:last-child {
		margin-right: 0;
	}
	.news_box .news_img{
		height: 214px;
		overflow: hidden;
	}
	.news_box .news_info{
			height: 160px;
		    background: #fff;
		    padding: 0 24px;
	}

	.news_box .news_p1{
			overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
		    font-size: 26px;
		    font-family: Regular;
		    padding-top: 25px;
	}
	.news_box .news_p2{
		    font-size: 16px;
		    color: #999999;
		    word-break: break-all;
		    text-overflow: ellipsis;
		    display: -webkit-box;
		    -webkit-box-orient: vertical;
		    -webkit-line-clamp: 2;
		    overflow: hidden;
		    margin-top: 10px;
	}
	
	.news_box .news_img .git{
		width: 100%;
		height: 100%;
		transition: all .2s;
	}
	.news_img:hover .git {
	    transform: scale(1.2, 1.2);
	}
	
	.loDailog_mask{
			position: fixed;
		    left: 0;
		    top: 0;
		    width: 100%;
		    height: 100%;
		    z-index: 100;
		    background: rgba(0, 0, 0, .5);
		    display: none;
		    z-index: 100;
		}
	.loDailogCon{
		    position: fixed;
		    width: 70vw;
		    left: 15vw;
		    z-index: 101;
		    background-image: linear-gradient(to bottom, #11a06a, #0f9096, #2b73c7);
		    height: 70vh;
		    top: 15vh;
		    border-radius: 12px;
		    overflow: hidden;
		    display: none;
		    z-index: 101;
	}
		.da_close{
			position: absolute;
			right: 30px;
			top: 20px;
			background: url('../images/close.png') no-repeat 0 0;
			background-size: 100% 100%;
			width: 50px;
			height: 50px;
			cursor: pointer;
		}
		
		.loDailog_lf{
			float: left;
			width: 50%;
			height: 70vh;
			background: url('../images/RevisionImg/bg_banner_h01.png') no-repeat center center;
			background-size: cover;
		}
		.loDailog_rg{
				float: left;
			    padding-left: 2vw;
			    padding-top: 5vh;
			    width: 50%;
				height: 100%;
				background-color: #fff;
			    overflow: hidden;
			    box-sizing: border-box;
		}
		.loDailog_p1{
			font-size: 36px;
			color: #13ac8c;
			font-family: Regular;
			font-weight: bold;
			font-weight: bold;
			}
		.loDailog_p2{
			color: #999999;
			font-size: 24px;
			margin-top: 1vh;
		}
		.loBox{
			margin-top: 3vh;
			width: 80%;
			overflow: hidden;
		}
		.loBox_li{
			margin-bottom: 2vh;
		}
		.loBox_li_sp{
			width: 94px;
			float: left;
			font-size: 20px;
			font-family: Regular;
			font-weight: bold;
		}
		.lo_inp{
			height: 5vh;
			line-height: 5vh;
			padding: 0 25px;
			width: calc(100% - 94px);
			background: #fff;
			border: 1px solid #c5c5c5;
			font-size: 18px;
			box-sizing: border-box;
		}
		em{
			letter-spacing: 1em;
		}
		.submitBtn{
			width: 100%;
			height: 5vh;
			text-align: center;
			line-height: 5vh;
			border-radius: 5px;
			font-family: Regular;
			font-weight: bold;
			font-size: 20px;
			letter-spacing: 10px;
			color: #fff;
			margin-top: 3vh;
			cursor: pointer;
			background-image: linear-gradient(to right, #06ba96, #39d28b, #66e782);
		}
		
		.dingdan .right .rightImg{width: 86%;margin-top: 100px;}
		.shuzi .right .rightImg{width: 86%;margin-top: 100px;}
		.yuanqu .right .rightImg{width: 86%;margin-top: 100px;}
		#mapView{
			width: 100%;height: 70vh;
		}
	}
  }
  
</pre></body></html>